switch-square

PreviousNext
Docs
reuicomponent

Preview

Loading preview…
registry/default/components/switch/square.tsx
import { Label } from '@/registry/default/ui/label';
import { Switch } from '@/registry/default/ui/switch';

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

Installation

npx shadcn@latest add @reui/switch-square

Usage

import { SwitchSquare } from "@/components/switch-square"
<SwitchSquare />