fb-sidebar

ui

Sidebar

fly-byデザインシステムのSidebarコンポーネント。サイドバーナビゲーション。折りたたみ、レスポンシブ対応。

プレビュー

Navigation

インストール

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

依存関係

NPM Packages

@radix-ui/react-slotlucide-reactclass-variance-authority

Registry Components

https://fly-by.design.yukyu.net/r/fb-button.json https://fly-by.design.yukyu.net/r/fb-separator.json https://fly-by.design.yukyu.net/r/fb-sheet.json https://fly-by.design.yukyu.net/r/fb-tooltip.json

使用例

import { FbSidebar } from "@/components/ui/fb-sidebar"

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

ファイル

registry/fly-by/ui/fb-sidebar.tsxui