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

Success alerts

Components

v-alerts

Wrapper component for alerts.

API

Name Type Description Default
info Boolean Show 'info' alerts true
error Boolean Show 'error' alerts false
success Boolean Show 'success' alerts 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.