Alert
The Alert component is used to convey important information to the user through the use of contextual types, icons, and colors. These default types come in 4 variations: success, info, warning, and error.
info
Props
| Attribute | Description | Type | Default |
|---|---|---|---|
| border | Puts a border on the alert. Accepts top, right, bottom, left. | string | undefined |
| closeIcon | Change the default icon. | string | mdi-close-circle |
| coloredBorder | Applies the defined color to the alert’s border. | boolean | true |
| dark | Applies dark theme. | boolean | false |
| dismissible | Adds a close icon that can hide the alert. | boolean | true |
| icon | Designates a specific icon. | string | mdi-check-circle |
| mode | Sets the transition mode. | string | undefined |
| prominent | Displays a larger vertically centered icon to draw more attention. | boolean | false |
| origin | Sets the transition origin on the element. | string | undefined |
| tag | Specify a custom tag used on the root element. | string | undefined |
| text | Applies the defined color to text and a low opacity background of the same. | boolean | false |
| transition | Sets the component transition. | string | undefined |
| type | Specify a success, info, warning or error alert. Uses the contextual color and has a pre-defined icon. | string | undefined |
| value | Sets the alert is active or passive. | boolean | true |
| visible | Visibility of Alert component. | boolean | true |
Events
| Attribute | Description |
|---|---|
| input | Emitted when close icon is clicked |