Switch

A control that toggles between on and off. The thumb springs across the track with real physics.

Airplane mode

tsx

import { Switch } from "@/registry/seam/ui/switch"

export default function SwitchDemo() {
  return (
    <label className="flex items-center gap-2 text-sm">
      <Switch defaultChecked />
      Airplane mode
    </label>
  )
}

bunx --bun @seamui/cli@latest add switch

API

Prop	Type	Default	Description
checked	boolean	—	Controlled on/off state.
defaultChecked	boolean	false	Initial state when uncontrolled.
onCheckedChange	(checked, eventDetails) => void	—	Fires as the state commits (also triggers the haptic tick).
disabled	boolean	false	Disables the switch.

Plus all Base UI Switch.Root props (e.g. name, required for forms).

Notes

While pressed the thumb stretches toward the far side (the iOS feel) and snaps across on release.
The thumb is a layout element — the crossing spring is interruptible mid-flight.

Press feedback, reduced motion, and haptics follow the global policy — see Motion and Haptics.