
```jsx
import { CImage } from '@coreui/react'
// or
import CImage from '@coreui/react/src/components/image/CImage'
```

<div className="table-responsive table-api border rounded mb-3">
  <table className="table">
    <thead>
      <tr>
        <th>Property</th>
        <th>Default</th>
        <th>Type</th>
      </tr>
    </thead>
    <tbody>
      <tr id="cimage-align">
        <td className="text-primary fw-semibold">align<a href="#cimage-align" aria-label="CImage align permalink" className="anchor-link after">#</a></td>
        <td>-</td>
        <td><code>{`'start'`}</code>, <code>{`'center'`}</code>, <code>{`'end'`}</code></td>
      </tr>
      <tr>
        <td colSpan="3">
          <p>Set the horizontal aligment.</p>
        </td>
      </tr>
      <tr id="cimage-class-name">
        <td className="text-primary fw-semibold">className<a href="#cimage-class-name" aria-label="CImage className permalink" className="anchor-link after">#</a></td>
        <td>-</td>
        <td><code>{`string`}</code></td>
      </tr>
      <tr>
        <td colSpan="3">
          <p>A string of all className you want applied to the component.</p>
        </td>
      </tr>
      <tr id="cimage-fluid">
        <td className="text-primary fw-semibold">fluid<a href="#cimage-fluid" aria-label="CImage fluid permalink" className="anchor-link after">#</a></td>
        <td>-</td>
        <td><code>{`boolean`}</code></td>
      </tr>
      <tr>
        <td colSpan="3">
          <p>Make image responsive.</p>
        </td>
      </tr>
      <tr id="cimage-rounded">
        <td className="text-primary fw-semibold">rounded<a href="#cimage-rounded" aria-label="CImage rounded permalink" className="anchor-link after">#</a></td>
        <td>-</td>
        <td><code>{`boolean`}</code></td>
      </tr>
      <tr>
        <td colSpan="3">
          <p>Make image rounded.</p>
        </td>
      </tr>
      <tr id="cimage-thumbnail">
        <td className="text-primary fw-semibold">thumbnail<a href="#cimage-thumbnail" aria-label="CImage thumbnail permalink" className="anchor-link after">#</a></td>
        <td>-</td>
        <td><code>{`boolean`}</code></td>
      </tr>
      <tr>
        <td colSpan="3">
          <p>Give an image a rounded 1px border appearance.</p>
        </td>
      </tr>
    </tbody>
  </table>
</div>
