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

| Property | Description | Type | Default |
| --- | --- | --- | --- |
| **animation** | Apply a CSS fade transition to the toast. | `boolean` | true |
| **autohide** | Auto hide the toast. | `boolean` | true |
| **className** | A string of all className you want applied to the base component. | `string` | - |
| **color** | Sets the color context of the component to one of CoreUI’s themed colors. | `'primary'` \| `'secondary'` \| `'success'` \| `'danger'` \| `'warning'` \| `'info'` \| `'dark'` \| `'light'` \| `string` | - |
| **delay** | Delay hiding the toast (ms). | `number` | 5000 |
| **onClose** | Callback fired when the component requests to be closed. | `(index: number) => void` | - |
| **onShow** | Callback fired when the component requests to be shown. | `(index: number) => void` | - |
| **visible** | Toggle the visibility of component. | `boolean` | false |
