Taiga UI
Taiga UI 是一个完全可进行 treeshake 的 Angular UI 工具包,由多个基础库和一些附加组件组成。
它基于 ng-polymorpheus 动态内容方法,并使用 Web APIs for Angular 来处理所需的浏览器 API。
为什么选择 Taiga UI
🧩 模块化且完全可进行 treeshake。 我们利用了 Secondary Entry Points 机制的力量。即使只从我们的库中导入一个实体,您也可以确保打包文件中没有冗余代码。
🧙 不可知。 我们的组件非常灵活,适用于任何用例。但我们会关注基本的 UX 方面,让您能够专注于您的项目功能。
🦋 可定制。 我们对所有样式都使用 CSS 自定义属性,并提供简单的方法来定制所有 UI 组件,开箱即用支持暗色主题。
🛠 精心设计。 我们不害怕最大限度地使用 DI。我们所有的组件都使用 OnPush
,整个项目都采用 strict
TypeScript 模式开发。
📦 规模庞大! 我们拥有 130+ 个组件、100+ 个指令、数十个 token、实用工具和工具。而且这还没结束 🚀
🏗 持续维护! 该库最初是我们公司内部的一个产品。目前已被用于 50 多个生产项目,并将持续发展下去。
在 angular.love 上的这篇文章中阅读更多关于 Taiga UI 主要特性。
版本兼容性
Taiga UI | Angular | 支持情况 | 最新版本 (npm) |
---|---|---|---|
4.x.y |
^16.0.0 - latest |
✅ 当前 | |
3.x.y |
^12.0.0 - latest |
✅ 长期支持 (LTS) | |
2.x.y |
^9.0.0 - ^15.0.0 |
⚠️ 不再支持 |
如何开始
请查看我们的入门页面以开始使用 Taiga UI。
您也可以使用我们的StackBlitz 快速启动器创建 Taiga UI 的快速示例。
🎨 查看Taiga UI Figma 库,您可以使用它来使用 Taiga UI 组件设计您的应用。
社区
💡 非常欢迎您在 Github issues 或 discussion 中提出您的想法。
🗨 英文实时聊天请加入官方 Angular discord 的#taiga-ui 频道。
💬 俄文实时聊天请加入taiga_ui Telegram 群组。
核心团队
贡献者
请参阅我们的CONTRIBUTING.md 指南。尝试从 Web IDE 在线创建 pull request。
星标 🌟
许可证
🆓 您可以自由地在您的商业和个人应用中使用我们的库
所有 Taiga UI 包均受Apache 2.0 许可覆盖
在此处阅读更多关于此许可证的信息here