Components/Actions & Inputs

Toggle

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

Toggle Interactive Canvas

A two-state button that can be either on or off, supporting default, outline, and tint variants, size-to-radius scaling identical to Button, and square icon-* dimensions.

Canvas

Props Controls

4 props
'default' | 'outline' | 'tint'
'xs' | 'sm' | 'default' | 'lg' | 'icon-xs' | 'icon-sm' | 'icon' | 'icon-lg'
boolean
Disabled
boolean
Disabled