Switch

A control that allows the user to toggle between checked and not checked.

Airplane mode

import { Label } from "@/components/ui/label"
import { Switch } from "@/components/ui/switch"

export default function SwitchDemo() {
  return (
    <div className="flex items-center gap-3">
      <Switch id="switch-airplane-mode" />
      <Label htmlFor="switch-airplane-mode">Airplane mode</Label>
    </div>
  )
}

Installation

npx logic2b@latest add switch

Usage

import { Switch } from "@/components/ui/switch"

<Switch id="airplane-mode" />