shadcn
约 1 分钟阅读
- shadcn-ui/uiGitHubshadcn-ui/uishadcn-ui/ui · =Radix+Tailwind CSS · 基于 preset 的模板生成组件到本地 · 更多是强调怎么组织组件 · 依赖 · v4 支持多 icon 支持 @base-ui/react 了 · @radix-ui/primitive - 基础组件笔记：shadcn
- =Radix+Tailwind CSS
- 基于 preset 的模板生成组件到本地
- 更多是强调怎么组织组件
- 依赖
- v4 支持多 icon 支持 @base-ui/react 了
- @radix-ui/primitive笔记radixhttps://github.com/radix-ui · by workos · radix-ui/primitives · 用于构建自定义组件非常好的基础库 · 原子组件 - 包含状态管理 · 组件结构 和 状态管理 值得参考 · https://github.com/radix-ui/primitives/blob/main/philosophy.md打开：/notes/web/react/radix - 基础组件
- Headless UI
- cvaGitHubjoe-bell/cvajoe-bell/cva · Apache-2.0, TS · Class Variance Authority笔记：CVA
- lucide-react - default 的 icon
- @radix-ui/react-icons - new-york 的 icon
- 参考
- 类似的 NextUI
npx shadcn-ui@latest init
npx shadcn-ui@latest add select- components - 组件 - 原子级
- 按钮、输入框、下拉菜单、卡片
- blocks - 区块 - 组织级
- 仪表盘侧边栏、带有验证的登录框、定价页、数据分析图表区
- CVA (class-variance-authority)
- 组件变体
Registry
关联信息
反向链接、本文链接的其他页面和外部资料。
站内链接
- radix笔记 · @radix-ui/primitive
https://github.com/radix-ui · by workos · radix-ui/primitives · 用于构建自定义组件非常好的基础库 · 原子组件 - 包含状态管理 · 组件结构 和 状态管理 值得参考 · https://github.com/radix-ui/primitives/blob/main/philosophy.md
参考资料
GitHub2 条
- joe-bell/cvagithub.com/joe-bell/cva
- shadcn-ui/uigithub.com/shadcn-ui/ui