Vue Alert Component API
Alert API
Explore the API reference for the Vue Alert component and discover how to effectively utilize its props for customization.
On this page CAlert
import { CAlert } from '@coreui/vue-pro'
Props
| Property | Default | Type |
|---|
| color | - | Color |
Sets the color context of the component to one of CoreUI’s themed colors. |
| dismissible | - | boolean |
Optionally add a close button to alert and allow it to self dismisss. |
| variant | - | string |
Set the alert variant to a solid. |
| visible | true | boolean |
Toggle the visibility of alert component. |
Events
| Event name |
|---|
| close |
Callback fired when the component requests to be closed. |
CAlertHeading
import { CAlertHeading } from '@coreui/vue-pro'
| Property | Default | Type |
|---|
| as | 'h4' | string |
Component used for the root node. Either a string to use a HTML element or a component. |