fly-by Design SystemGitHub

sidebar

ui

Sidebar

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

プレビュー

Navigation

インストール

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

依存関係

NPM Packages

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

Registry Components

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

使用例

import { Sidebar } from "@/components/ui/sidebar"

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

ファイル

registry/fly-by/ui/sidebar.tsxui