
```jsx
import { CTableResponsiveWrapper } from '@coreui/react'
// or
import CTableResponsiveWrapper from '@coreui/react/src/components/table/CTableResponsiveWrapper'
```

<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="ctableresponsivewrapper-responsive">
        <td className="text-primary fw-semibold">responsive<a href="#ctableresponsivewrapper-responsive" aria-label="CTableResponsiveWrapper responsive permalink" className="anchor-link after">#</a></td>
        <td>-</td>
        <td><code>{`boolean`}</code>, <code>{`'sm'`}</code>, <code>{`'md'`}</code>, <code>{`'lg'`}</code>, <code>{`'xl'`}</code>, <code>{`'xxl'`}</code></td>
      </tr>
      <tr>
        <td colSpan="3">
          <p>Make any table responsive across all viewports or pick a maximum breakpoint with which to have a responsive table up to.</p>
        </td>
      </tr>
    </tbody>
  </table>
</div>
