| animation | true | boolean |
Apply a CSS fade transition to the toast. Set it to false to show and hide the toast instantly, which adds the .toast-instant class. |
| autohide | true | boolean |
Auto hide the toast. |
| className | - | string |
A string of all className you want applied to the base component. |
| colorDeprecated 6.0.0 | - | 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'inverse', string |
Sets the color context of the component to one of CoreUI’s themed colors. Use theme instead — color renders the same theme-{color} class and loses to theme when both are set. |
| defaultShow6.0.0+ | - | boolean |
The initial visibility of an uncontrolled toast — read once on mount. |
| delay | 5000 | number |
Delay hiding the toast (ms). |
| onClose | - | (() => void) |
Callback fired when the toast has finished its exit transition. |
| onShow | - | (() => void) |
Callback fired when the toast starts showing. |
| onShowChange6.0.0+ | - | ((show: boolean) => void) |
Callback fired when the toast requests a visibility change — the close button, the autohide timer or, in uncontrolled mode, any internal toggle. In controlled mode update show yourself, or the toast stays as it is. |
| show6.0.0+ | - | boolean |
Control the visibility. When set, the toast renders what show says and the close button or the autohide timer only call onShowChange — nothing closes until the parent flips the prop. |
| theme6.0.0+ | - | 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'inverse', string |
Sets the color context of the component to one of CoreUI’s themed colors. |
| translucent6.0.0+ | - | boolean |
Let the background through the toast and blur it. |
| visibleDeprecated 6.0.0 | - | boolean |
Toggle the visibility of component. Use defaultShow / show / onShowChange instead — visible is ignored when either of them is set. |