Switch

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

export default function Basic() {
  return (
    <>
      <Switch />
      <Switch checked />
    </>
  );
}

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

export default function WithLabel() {
  return (
    <div className="flex items-center gap-4">
      <Switch id="delete" />
      <Label htmlFor="delete">Show app notifications</Label>
    </div>
  );
}