Lazy UI

Switch

Radix Switch with drag, flick snapping, size presets, and motion release curves.

Airplane mode

Customize

Default checked

Size

Animation

Disable drag

Flick velocity0.35 px/ms

Disabled

Usage

import { Switch } from "@/components/lazy-ui/switch";

export function Demo() {
  return (
    <div className="flex items-center gap-3">
      <Switch id="airplane" defaultChecked />
      <label htmlFor="airplane" className="text-sm text-neutral-200">
        Airplane mode
      </label>
    </div>
  );
}