# Segmented

Single-select segmented control.

Choose Segmented for one selection among a short set of closely related text options.

## API

The package declarations define these public members.

| Member | Type | Kind | Required | Default | Description |
| --- | --- | --- | --- | --- | --- |
| `ariaLabel` | `string` | prop | No | `undefined` | Accessible label for the group. |
| `onValueChange` | `(value: T) => void` | callback | No | `undefined` | No additional description. |
| `optionLabel` | `(value: T) => string` | callback | No | `undefined` | Display label for an option value. Defaults to the value itself. Use this to render translated/formatted labels while keeping stable option values (e.g. `optionLabel={(v) => lang.t(v)}`). |
| `options` | `readonly T[]` | prop | Yes | - | No additional description. |
| `size` | `ControlSize` | prop | No | `'md'` | Control size. Defaults to `md` (the original dimensions). |
| `value` | `T` | binding | No | `undefined as T | undefined` | No additional description. |

## Related

- [Link](/docs/components/link): Styled native link for body and navigation text.
- [Tabs](/docs/components/tabs): Panelled tabs with underline and pill presentations.
- [Breadcrumb](/docs/components/breadcrumb): Breadcrumb trail with optional overflow menu.