<ui-alert>
Inline status message.
Feedback · stable · since 2.0.0 · extends _UIElement
Examples
<ui-alert variant="warning" heading="Attention">Check your input.</ui-alert><ui-alert variant="success">Saved.</ui-alert>Playground
Generated HTML
Event log
API
Attributes and properties
| Property | Attribute | Type | Default | Description |
|---|---|---|---|---|
disabled | disabled | boolean | false | |
busy | data-ui-busy | boolean | false | |
variant | variant | string | "info" | info, success, warning or danger. |
heading | heading | string | "" | Alert title. |
Methods
None.
Events
None.
Slots
(default)— Message body.
CSS classes
- Base class:
ui-alert variant→ui-alert--{}