Components/Actions & Inputs

Toggle Group

@base-ui/react/toggle-group
npx shadcn@latest add @karan-ui/toggle-group
@base-ui/react/toggle-group•Actions & Inputs

Toggle Group Interactive Canvas

A set of two-state buttons coordinating selection state, attached or spaced layout, variant and size inheritance, and horizontal/vertical orientation.

Canvas

Props Controls

6 props
boolean
Enabled
'default' | 'outline' | 'tint'
'xs' | 'sm' | 'default' | 'lg' | 'icon-xs' | 'icon-sm' | 'icon' | 'icon-lg'
'horizontal' | 'vertical'
boolean
Disabled
boolean
Disabled