Switch

Preview

Airplane Mode

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

export default function SwitchDemo() {
  return (
    <div className="flex items-center space-x-2">
      <Switch id="airplane-mode" />
      <Label htmlFor="airplane-mode">Airplane Mode</Label>
    </div>
  );
}

import { Label } from "@/registry/axon/ui/label";import { Switch } from "@/registry/axon/ui/switch";export default function SwitchDemo() {  return (    <div className="flex items-center space-x-2">      <Switch id="airplane-mode" />      <Label htmlFor="airplane-mode">Airplane Mode</Label>    </div>  );}

Installation

CLI

npx shadcn@latest add @emberui/switch

yarn shadcn@latest add @emberui/switch

pnpm dlx shadcn@latest add @emberui/switch

bunx --bun shadcn@latest add @emberui/switch

Reference

This component is based on the shadcn/ui Switch component.

Switch

Preview

Installation

CLI

Reference

On this page