Segmented Control

A group of mutually exclusive buttons for switching between related views or filters.

Import

import { SegmentedControl } from "@/components/ui"

Prop	Type	Default	Description
options	SegmentedControlOption[]	—	Array of { value, label, icon?, disabled? } objects.
value	string	—	Currently selected value.
onValueChange	(value: string) => void	—	Callback when selection changes.
variant	"primary" \| "secondary" \| "secondary-variant"	"primary"	Visual style.
size	"sm" \| "lg"	"sm"	Control height.