# SegmentedControl

Group: Inputs

Two to four mutually exclusive options in one pill, as a radio group.
- Provide `label` (for the group), `options` `{value,label,icon?}`, `value`, `onChange`.
- Used for Appearance (Light/Dark/System) and layout choices. Five or more options → a Menu.


## Props

```ts
export interface SegmentedControlProps { label: string; options: { value: string; label: string; icon?: IconName }[]; value: string; onChange?: (value: string) => void; size?: 'sm' | 'md' }
```

## Use

```ts
import { SegmentedControl } from '@visualli/design-system/components';
```