split-button

ui

Split Button

fly-byデザインシステムのSplit Buttonコンポーネント。メインアクションとドロップダウンメニューを組み合わせたボタン。

プレビュー

インストール

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

依存関係

NPM Packages

lucide-reactclass-variance-authority

Registry Components

https://fly-by.design.yukyu.net/r/button.json https://fly-by.design.yukyu.net/r/dropdown-menu.json

使用例

import { SplitButton } from "@/components/ui/split-button"

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

ファイル

registry/fly-by/ui/split-button.tsxui