kasumi/uiSwitch
オン・オフを切り替えるためのトグルスイッチコンポーネント。
Installation
npx shadcn@latest add https://kasumi-ui.vercel.app/r/switch.jsonUsage
import { Switch } from "@/components/ui/switch";
<Switch />Size
<Switch size="sm" />
<Switch size="md" />
<Switch size="lg" />Error
<Switch error />Disabled
<Switch disabled />
<Switch disabled defaultChecked />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| size | "sm" | "md" | "lg" | "md" | スイッチのサイズ |
| error | boolean | false | エラー状態を表示する |
| disabled | boolean | false | 無効状態にする |