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.
valuestringCurrently selected option.
onChange(value: string) => voidCallback when selection changes.
size'sm' | 'md' | 'lg''md'Size of the toggle buttons.
classNamestring''Additional CSS classes.