Alert development
Flash messages, or alerts, inform users of successful or pending actions. Use them sparingly. Don’t show more than one at a time.
Example
Information
Information text
Success
Success text
Warning
Warning text
Error
Error text
<v-alert title="Information" type="info">Information text</v-alert>
<v-alert title="Success" type="success">Success text</v-alert>
<v-alert title="Warning" type="warn">Warning text</v-alert>
<v-alert title="Error" type="error">Error text</v-alert>
1
2
3
4
2
3
4
Props
| Name | Type | Description | Default |
|---|---|---|---|
| type | String | There are 4 types: ['info', 'success', 'warning', 'error'] | 'info' |
| title | String | Title of alert | 'Default title' |
Slots
| Name | Slot props | Description |
|---|---|---|
| default | None | Alert content |
← Quick Started Avatar →