Components · Controls

ToggleToggle

Turn a setting on and off

npx shadcn@latest add @umbra/toggle

A 56 × 32 switch: a pill track, a 24 thumb in the tile color. On: --primary track. Off: --border. Works from the keyboard (space), exposes role="switch"

When to use

  • A setting that applies immediately: “Save recordings on device”

When not to use

  • One of several options: Chip or Select
  • An action that needs confirmation (“Delete all”): Button

Recording settings

Apply to new meetings

Only you can see it

Don’t

  • A dimmed accent on a disabled switch that is on
  • A switch without a label