SegmentedControl
A row of segments. The user chooses one option. Use it for 2 to 5 short options. Bind value with { "@path": "/x" } to read it.
Examples
Loading examples…
Props
| Prop | Type | Description |
|---|---|---|
checks | object[] | Validation rules. The control shows the first failed one |
value | string | Bind it with { "@path": "/x" } to read what the user entered |
options | string | object[] | Strings or { "value", "label", "description"? } |
label | string | The visible label of the field. Always set it |
block | boolean | Full width |
size | "sm" | "md" | "lg" | "xl" | Default "lg" |
pill | boolean | Default true |
variant | "solid" | "soft" | "outline" | "ghost" | Default "ghost" |
disabled | boolean |