fly-by Design SystemGitHub

data-table

ui

Data Table

fly-byデザインシステムのData Tableコンポーネント。ソート、フィルタ、ページネーション付きテーブル。

プレビュー

Name ↑Status
John DoeActive

インストール

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

依存関係

NPM Packages

@tanstack/react-tablelucide-react

Registry Components

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

使用例

import { DataTable } from "@/components/ui/data-table"

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

ファイル

registry/fly-by/ui/data-table.tsxui