<ui-badge>
Small status label.
Display · stable · since 2.0.0 · extends _UIElement
Examples
<ui-badge>Default</ui-badge><ui-badge variant="success">Success</ui-badge><ui-badge outline>Outline</ui-badge>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 | "" | Colour variant: primary, success, warning, danger or info. |
outline | outline | boolean | false | Use the transparent outline style. |
Methods
None.
Events
None.
Slots
(default)— Badge text or icon.
CSS classes
- Base class:
ui-badge variant→ui-badge--{}outline→ui-badge--outline