toggle

ui

Toggle

fly-byデザインシステムのToggleコンポーネント。オン/オフ切り替えボタン。-appearance-default/outlined、-size-s/m/lをサポート。

プレビュー

インストール

npx shadcn@latest add "https://fly-by.design.yukyu.net/r/toggle.json"

依存関係

NPM Packages

@radix-ui/react-toggleclass-variance-authority

使用例

import { Toggle } from "@/components/ui/toggle"

// コンポーネントを使用
<Toggle>
  Content
</Toggle>

ファイル

registry/fly-by/ui/toggle.tsxui