Headless Switch Demo

PreviousNext

Demo showing a headless switch.

Docs
animate-uiui

Preview

Loading preview…
registry/demo/components/headless/switch/index.tsx
import { Label } from '@/components/ui/label';
import { Switch } from '@/components/animate-ui/components/headless/switch';

export function HeadlessSwitchDemo() {
  return (
    <Label className="flex items-center gap-x-3">
      <Switch />
      Airplane Mode
    </Label>
  );
}

Installation

npx shadcn@latest add @animate-ui/demo-components-headless-switch

Usage

import { DemoComponentsHeadlessSwitch } from "@/components/ui/demo-components-headless-switch"
<DemoComponentsHeadlessSwitch />