
```jsx
import { CConditionalPortal } from '@coreui/react'
// or
import CConditionalPortal from '@coreui/react/src/components/conditional-portal/CConditionalPortal'
```

<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="cconditionalportal-container">
        <td className="text-primary fw-semibold">container<a href="#cconditionalportal-container" aria-label="CConditionalPortal container permalink" className="anchor-link after">#</a><span className="badge bg-success">4.11.0+</span></td>
        <td>-</td>
        <td><code>{`DocumentFragment`}</code>, <code>{`Element`}</code>, <code>{`(() => DocumentFragment | Element)`}</code></td>
      </tr>
      <tr>
        <td colSpan="3">
          <p>An HTML element or function that returns a single element, with <code>{`document.body`}</code> as the default.</p>
        </td>
      </tr>
      <tr id="cconditionalportal-portal">
        <td className="text-primary fw-semibold">portal<a href="#cconditionalportal-portal" aria-label="CConditionalPortal portal permalink" className="anchor-link after">#</a></td>
        <td>-</td>
        <td><code>{`boolean`}</code></td>
      </tr>
      <tr>
        <td colSpan="3">
          <p>Render some children into a different part of the DOM</p>
        </td>
      </tr>
    </tbody>
  </table>
</div>
