Segmented Control
Segmented radio group with a sliding thumb, arrow keys, optional icons and two sizes.
Copy a prompt for your AI coding tool with the source, dependencies and usage
Props
SegmentedControlProps
Also accepts all props of Omit<React.ComponentProps<"div">, "children" | "defaultValue" | "onChange">
| Prop | Type | Default | Description |
|---|---|---|---|
| options* required | SegmentedOption[] | — | — |
| value | string | — | — |
| defaultValue | string | — | — |
| onValueChange | (value: string) => void | — | — |
| size | "sm" | "md" | "md" | — |
| fullWidth | boolean | false | — |
Install
$ npx shadcn@latest add https://chromotion.dev/r/segmented-control.json