Alerts
Component name: <v-alerts> + <v-alert>
Alerts are present on subpages and are used for contextual information that relates to the currently navigated topic.
Each alert is wrapped in a v-alerts group to highlight the alert type.
Multiple alerts can be shown in the same alerts group.
Examples
Info alerts
Error alerts
Global alerts
Components
v-alerts
Wrapper component for alerts.
API
| Name | Type | Description | Default |
|---|---|---|---|
| info | Boolean | Use 'info' styling | true |
| error | Boolean | Use 'error' styling | false |
| global | [Boolean] | Show global alerts | false |
| global-target | [String] | The portal to show alerts in | alerts |
| interval | [Number] | Seconds between alert rotations | 6 |
| expanded | Boolean | Whether to start in the expanded state | false |
v-alert
API
| Name | Type | Description | Default |
|---|---|---|---|
| active | Boolean | Whether or not the alert is active | false |
Notice
All other properties that are not defined above, will be passed to the component as html attributes. This is especially useful for adding the class attribute.