UiAlert
UiAlert shows an inline alert message to the user. Supported types are info, success, warning and error.
UiAlert supports keyboard navigation, can contain links and can be dismissed. The alert icon can be changed or removed.
Examples View Source
Hi everybody! This is the default alert.
Okilly dokilly, your account was updated successfully.
Ay caramba! Alerts can also contain HTML. Click here for Google.com.
D'oh! Something went wrong and we cannot process your request at this time. Try again later.
This alert has a custom icon.
This is a multi-line alert. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor suscipit facilis explicabo officiis consectetur, ipsam voluptate excepturi quas quae. Dolorem. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis, autem.
The icon for this alert has been removed.
Animations for this alert are disabled.
This alert is not dismissible.
This alert has no icon is not dismissible.
API
- Props
- Slots
- Events
| Name | Type | Default | Description |
|---|---|---|---|
| type | String | "info" | The type of alert. Determines the alert background color and default icon. One of |
| removeIcon | Boolean | false | Whether or not the alert icon is removed. Set to |
| disableAnimation | Boolean | false | Whether or not the alert should be animated when showing and hiding. Set to |
| dismissible | Boolean | true | Whether or not the alert shows a dismiss button. You should listen for the Set to |