Segmented Control
Deprecated. Switches between views of some data using a compact set of options.
SegmentedControlProps
| Prop | Type | Required | Default | Description |
|---|---|---|---|---|
block | boolean | — | false | When true, the control will fill the width of its container. |
name | string | — | — | The name of the radio group. |
onChange | (value: Value) => void | Yes | — | Function called when the value changes. |
options | Readonly<{ label: string; value: Value }[]> | Yes | — | The options for the radios of the segmented control. |
size | SegmentedControlSizeTypexsmall|small | — | small | Rendered height: `small` (32px, the default) or `xsmall` (26px). |
value | Readonly<Value> | Yes | — | The current value of the segmented control. |