- 65
- 个组件
- 8
- 套页面模式
- 2
- 种分发方式
稳定React类型安全
发布前检查台
把那些“上线前记得看”的事放到明面上。
细节检查做到哪了
还剩 18% 没看
我们先替你记住
- 01
源码就在你项目里
不是一只打不开的黑盒。读得懂、改得动，团队换人之后也能继续维护。
- 02
先拿一个，也可以整包装
想试水就从 Registry 拿一个 Button；确定合适，再通过 npm 接入整套。
- 03
偏好不该互相打架
深浅色、密度、动效和透明度各管各的，不拿一种设置覆盖另一种需要。
- 04
键盘操作不是加分项
焦点、语义和系统偏好从组件底层开始，不留到上线前一天临时补。
平时最常用的那几个
010203040506
查看全部 65 个组件 Button 按钮
用于触发提交、确认或继续等明确且即时的用户操作。
Field 表单字段
把标签、表单控件、帮助文字与错误消息关联为完整字段。
Select 选择器
从有限候选列表中选择一个值，并在触发器中显示当前结果。
Dialog 对话框
在当前页面之上承载需要聚焦处理的表单、详情或短流程。
DataTable 数据表格
展示可排序、筛选、分页与选择的结构化业务数据集合。
CommandPalette 命令面板
通过键盘优先的搜索界面快速查找并执行应用内命令。
别只看零件，也看看整页
Operations Dashboard
组合运营状态、关键指标、近期工作与由调用方拥有的图表适配槽位。
DataTable Page
提供稳定行标识、受控选择和可序列化本地筛选状态的数据工作面。
Resource Detail
组织资源身份、状态、元数据、操作、活动记录与关联详情。
pnpm dlx shadcn@4.16.0 add http://127.0.0.1:3000/r/button.json