AlignUI MCP
Componentes

Segmented Control

Docs de AlignUI

Segmented control is used to pick one choice from a linear set of closely related choices, and immediately apply that selection.

Instalación

$npx shadcn@latest add @alignui/segmented-control
@radix-ui/react-slot
@radix-ui/react-tabs
merge-refs
@alignui/use-tab-observer

Uso

Importación
import * as SegmentedControl from '@/components/ui/segmented-control';
SegmentedControl.Root
SegmentedControl.List
SegmentedControl.Trigger
SegmentedControl.Content

Ejemplos oficiales (2)

segmented-control-demo
segmented-control-rounded