import { CToastClose } from '@coreui/react'// orimport CToastClose from '@coreui/react/src/components/toast/CToastClose'| Property | Description | Type | Default |
|---|---|---|---|
| active | Toggle the active state for the component. | boolean | - |
| className | A string of all className you want applied to the base component. | string | - |
| component | Component used for the root node. Either a string to use a HTML element or a component. | string | ComponentClass<any, any> | FunctionComponent<any> | - |
| 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.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 | Change the default color to white. | boolean | - |
On this page