Toggle Group

Buttons

Segmented control / button group toggle with spring-animated selection indicator using layoutId, three sizes (sm/md/lg), and smooth transitions.

Loading preview...
Customize
Size:

Props

PropTypeDefaultDescription
optionsstring[]—Array of option labels.
valuestring—Currently selected option.
onChange(value: string) => void—Callback when selection changes.
size'sm' | 'md' | 'lg''md'Size of the toggle buttons.
classNamestring''Additional CSS classes.