
```jsx
import { CToastClose } from '@coreui/react'
// or
import CToastClose from '@coreui/react/src/components/toast/CToastClose'
```

| Property | Description | Type | Default |
| --- | --- | --- | --- |
| **active** | Toggle the active state for the component. | `boolean` | - |
| **as** | Component used for the root node. Either a string to use a HTML element or a component. | `(ElementType & string)` \| `(ElementType & ComponentClass<any, any>)` \| `(ElementType & FunctionComponent<any>)` | - |
| **className** | A string of all className you want applied to the base component. | `string` | - |
| **dark** | Invert the default color. | `boolean` | - |
| **disabled** | Toggle the disabled state for the component. | `boolean` | - |
| **href** | The href attribute specifies the URL of the page the link goes to. | `string` | - |
| **shape** | Select the shape of the component. | `'rounded'` \| `'rounded-top'` \| `'rounded-end'` \| `'rounded-bottom'` \| `'rounded-start'` \| `'rounded-circle'` \| `'rounded-pill'` \| `'rounded-0'` \| `'rounded-1'` \| `'rounded-2'` \| `'rounded-3'` \| `string` | - |
| **size** | Size the component small or large. | `'sm'` \| `'lg'` | - |
| **type** | Specifies the type of button. Always specify the type attribute for the `<button>` element.<br/>Different browsers may use different default types for the `<button>` element. | `'button'` \| `'submit'` \| `'reset'` | - |
| **variant** | Set the button variant to an outlined button or a ghost button. | `'outline'` \| `'ghost'` | - |
| **white** **_Deprecated 5.0.0+_** | Change the default color to white. | `boolean` | - |
