<ui-grid>
Column grid.
Layout · stable · since 2.0.0 · extends _UIElement
Examples
1
2
<ui-grid cols="2"><div>1</div><div>2</div></ui-grid>1
2
3
<ui-grid cols="3" gap="lg"><div>1</div><div>2</div><div>3</div></ui-grid>Playground
Generated HTML
Event log
API
Attributes and properties
| Property | Attribute | Type | Default | Description |
|---|---|---|---|---|
disabled | disabled | boolean | false | |
busy | data-ui-busy | boolean | false | |
cols | cols | string | "" | Column count: 2, 3, 4, 6 or 12. |
gap | gap | string | "md" | Spacing: xs, sm, md, lg or xl. |
Methods
None.
Events
None.
Slots
(default)— ui-grid-col children or any content.
CSS classes
- Base class:
ui-grid cols→ui-grid--{}gap→ui-grid--gap-{}