
```jsx
import { CContainer } from '@coreui/react'
// or
import CContainer from '@coreui/react/src/components/grid/CContainer'
```

<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="ccontainer-class-name">
        <td className="text-primary fw-semibold">className<a href="#ccontainer-class-name" aria-label="CContainer 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 base component.</p>
        </td>
      </tr>
      <tr id="ccontainer-fluid">
        <td className="text-primary fw-semibold">fluid<a href="#ccontainer-fluid" aria-label="CContainer fluid permalink" className="anchor-link after">#</a></td>
        <td>-</td>
        <td><code>{`boolean`}</code></td>
      </tr>
      <tr>
        <td colSpan="3">
          <p>Set container 100% wide, spanning the entire width of the viewport.</p>
        </td>
      </tr>
      <tr id="ccontainer-lg">
        <td className="text-primary fw-semibold">lg<a href="#ccontainer-lg" aria-label="CContainer lg permalink" className="anchor-link after">#</a></td>
        <td>-</td>
        <td><code>{`boolean`}</code></td>
      </tr>
      <tr>
        <td colSpan="3">
          <p>Set container 100% wide until large breakpoint.</p>
        </td>
      </tr>
      <tr id="ccontainer-md">
        <td className="text-primary fw-semibold">md<a href="#ccontainer-md" aria-label="CContainer md permalink" className="anchor-link after">#</a></td>
        <td>-</td>
        <td><code>{`boolean`}</code></td>
      </tr>
      <tr>
        <td colSpan="3">
          <p>Set container 100% wide until medium breakpoint.</p>
        </td>
      </tr>
      <tr id="ccontainer-sm">
        <td className="text-primary fw-semibold">sm<a href="#ccontainer-sm" aria-label="CContainer sm permalink" className="anchor-link after">#</a></td>
        <td>-</td>
        <td><code>{`boolean`}</code></td>
      </tr>
      <tr>
        <td colSpan="3">
          <p>Set container 100% wide until small breakpoint.</p>
        </td>
      </tr>
      <tr id="ccontainer-xl">
        <td className="text-primary fw-semibold">xl<a href="#ccontainer-xl" aria-label="CContainer xl permalink" className="anchor-link after">#</a></td>
        <td>-</td>
        <td><code>{`boolean`}</code></td>
      </tr>
      <tr>
        <td colSpan="3">
          <p>Set container 100% wide until X-large breakpoint.</p>
        </td>
      </tr>
      <tr id="ccontainer-xxl">
        <td className="text-primary fw-semibold">xxl<a href="#ccontainer-xxl" aria-label="CContainer xxl permalink" className="anchor-link after">#</a></td>
        <td>-</td>
        <td><code>{`boolean`}</code></td>
      </tr>
      <tr>
        <td colSpan="3">
          <p>Set container 100% wide until XX-large breakpoint.</p>
        </td>
      </tr>
    </tbody>
  </table>
</div>
