SuperAPI AI 工具集

shadcn-ng

前端与建站

查看项目

更新于 10-16 07:24

技能介绍

用途:shadcn-ng 是 shadcn/ui 的 Angular 移植版,提供使用 Tailwind CSS 样式化的可复制粘贴组件,适用于 Angular 项目组件开发、调试、最佳实践与组件修改。

主要能力:全部组件为 Angular 独立组件,可直接在 imports 数组中导入;提供 cn() 工具函数(来自 lib/utils.ts)用于合并 Tailwind CSS 类名;通过 globals.css 中的 CSS 变量配置颜色,实现动态主题。

使用方式:使用 npx shadcn-ng@latest init 进行初始化,使用 npx shadcn-ng@latest add <component> 添加组件。项目需按官方安装指南配置 tailwindcss-animate、class-variance-authority、clsx 和 tailwind-merge。可将组件复制到项目中并按需自定义;也可创建自己的 registry.json 在项目间共享与复用自定义组件。

适用场景:Angular 项目中的 UI 组件引入与定制、主题配置、组件调试与代码修改。

限制:资料未提供具体版本支持范围、价格与许可、组件完整清单及与各 Angular 版本的兼容性细节。