Design language

Segmented control

LightDarkSystem
Size
MdSm
Width
HugFill
Items
324
Track
OnOff
State
Code
import { SegmentedControl, SegmentedControlItem } from '@/ui/segmented-control';

<SegmentedControl aria-label="Theme" defaultValue="light">
    <SegmentedControlItem value="light">Light</SegmentedControlItem>
    <SegmentedControlItem value="dark">Dark</SegmentedControlItem>
    <SegmentedControlItem value="system">System</SegmentedControlItem>
</SegmentedControl>