Banner
A full-width informational strip often placed at the top of a page or below navigation.
Controlling State
Banners can be dismissed and conditionally rendered.
Semantic Variants
Different intents to convey distinct contexts.
Banner API
| Prop / Event | Type | Default | Description |
|---|---|---|---|
modelValue | boolean | true | Controls banner visibility. Use v-model to bind. |
intent | string | 'default' | Semantic color intent: 'default', 'success', 'warning', 'danger', or 'info'. |
icon | Component | null | Lucide icon component to display. |
dismissible | boolean | true | Whether to render the close button. |