Switch/switch-square-

PreviousNext

A switch/switch-square- example

Docs
shadcnblocksblock

Preview

Loading preview…
code/example/switch/switch-square-1.tsx
"use client";

import { useId } from "react";

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

export const title = "Square Switch";

const Example = () => {
  const id = useId();

  return <Switch className="rounded-sm [&_span]:rounded" id={id} />;
};

export default Example;

Installation

npx shadcn@latest add @shadcnblocks/switch-switch-square-1

Usage

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