Options
The Options element renders a group of toggles. Use checkbox type for multi-select (users may pick any number of options) or radio type for single-select (users may pick exactly one).
Properties
| Property | Type | Description |
|---|---|---|
type | checkbox / radio | Multi-select vs. single-select |
options | array | The list of choices — same { label, key, value } structure as Select |
leftlabel | boolean | Position the option label to the left of the toggle instead of the right |
inline | boolean | Lay options out horizontally in a single row instead of a vertical list |
inlineMode | stretch | When inline is enabled, distribute options evenly to fill the available width |
keepColor | boolean | Retain the toggle's colour when it is in the checked state |
size | sm / md / lg | Toggle size |
dense | boolean | Compact/tighter spacing between options |
Plus shared layout properties.
See also: Elements overview
