介绍

这里收录本仓库的前端组件包。每个组件都有可交互的示例、源码和安装方式，组件以 shadcn/ui 的方式分发： 不是 npm 包，而是把源码复制进你的项目，装好后代码归你，随便改。

怎么用复制链接

在任何已经配置好 shadcn 的项目里（React + Tailwind CSS v4），用一条命令装组件：

npx shadcn@latest add https://docs.linasan.cn/r/data-table.json

CLI 会一并装好：它依赖的其他组件、npm 包，以及组件包的主题 token。详见 安装。

在本仓库里复制链接

仓库里的应用直接引用组件包的源码，不需要安装：

import { Button } from '@linasan/ui/components/ui/button';

接入新的组件包复制链接

文档站按组件包分区（侧栏顶部切换）。新增一个组件包：

1. 在 apps/frontend/docs/lib/libraries.ts 里加一项（包名、源码目录、registry 前缀）；
2. 建 content/docs/<id>/meta.json，写上 "root": true；
3. 示例放 demos/<id>/，在 MDX 里用 <ComponentPreview name="<id>/<示例>" />。

bun run generate（dev / build 前自动执行）会为它生成 shadcn registry。