<ui-cluster>
Horizontal, wrapping layout primitive.
Layout · stable · since 2.0.0 · extends _UIElement
Examples
<ui-cluster><ui-badge>A</ui-badge><ui-badge>B</ui-badge></ui-cluster>
<ui-cluster between><span>Left</span><span>Right</span></ui-cluster>
Playground
Generated HTML
Event log
API
Attributes and properties
| Property | Attribute | Type | Default | Description |
|---|---|---|---|---|
disabled | disabled | boolean | false | |
busy | data-ui-busy | boolean | false | |
gap | gap | string | "md" | Spacing: xs, sm, md, lg or xl. |
between | between | boolean | false | Distribute with space-between. |
end | end | boolean | false | Align to the end. |
nowrap | nowrap | boolean | false | Disable wrapping. |
Methods
None.
Events
None.
Slots
(default)— Inline content.
CSS classes
- Base class:
ui-cluster gap→ui-cluster--{}between→ui-cluster--betweenend→ui-cluster--endnowrap→ui-cluster--nowrap