Alert

alert

Alert informs users about important events

alert docs

Class names

• component: alert
• style: alert-outline, alert-dash, alert-soft
• color: alert-info, alert-success, alert-warning, alert-error
• direction: alert-vertical, alert-horizontal

Syntax

<div role="alert" class="alert {MODIFIER}">{CONTENT}</div>

Rules

• {MODIFIER} is optional and can have one of each style/color/direction class names
• Add sm:alert-horizontal for responsive layouts