## Installation [#installation] npm pnpm yarn bun ```bash npx shadcn@latest add @dotui/segmented-control ``` ```bash pnpm dlx shadcn@latest add @dotui/segmented-control ``` ```bash yarn dlx shadcn@latest add @dotui/segmented-control ``` ```bash bun x shadcn@latest add @dotui/segmented-control ``` ## Usage [#usage] Use a segmented control for a small set of mutually exclusive options — view modes, ranges, filters. It's built on `ToggleButtonGroup` with single selection, and the indicator slides between segments (React Aria's `SelectionIndicator`). ```tsx import { SegmentedControl, SegmentedControlItem, } from '@/components/ui/segmented-control' ``` ```tsx Day Week Month ``` ## Examples [#examples] ## API Reference [#api-reference]