Studiov0.6.0

Switch

Tier 1 — shadcn
Inputs

A toggle switch for binary on/off settings that take immediate effect.

Live Preview

Code

import { Switch } from "@regen/ui";

<Switch />

Props Inspector

No configurable props for this component.

Documentation

Use Cases

  • •Dark mode toggle
  • •Email notification settings
  • •Feature flag controls

Do

  • ✓Use for settings that apply immediately without form submission
  • ✓Label clearly with current state

Don't

  • ✗Don't use inside forms that require submit — use Checkbox
  • ✗Don't use for multi-option choices