Taiga UI
Taiga UI 是一個完全可 treeshake 的 Angular UI 工具包,包含多個基礎程式庫和數個擴充套件。
它基於 ng-polymorpheus 動態內容方法,並使用 Web APIs for Angular 來處理所需的瀏覽器 API。
為什麼選擇 Taiga UI
🧩 模組化且完全可 treeshake。 我們運用了 Secondary Entry Points 機制的力量。您甚至可以從我們的程式庫中導入一個實體,並確保您的 bundle 中沒有多餘的程式碼
🧙 不可知。我們的元件非常靈活,並可隨時用於任何使用案例。但我們會處理基本的 UX 方面,讓您專注於專案功能
🦋 可自訂。我們對所有樣式都使用 CSS 自訂屬性,並提供簡單的方法來自訂所有 UI 元件
🛠 精心設計。我們不害怕將 DI 發揮到極致。我們所有的元件都使用 OnPush
,且整個專案都使用 strict
TypeScript 模式開發
📦 它很龐大! 我們有 130 多個元件、100 多個指令、數十個 token、實用工具和工具。而且還沒結束 🚀
🏗 持續維護! 該程式庫最初是我們公司內部的產品。現在已在 50 多個生產專案中使用,而且將會持續存在。
請在 inDepth 的 這篇文章中閱讀更多關於 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 starter,使用 Taiga UI 建立快速範例
🎨 查看 Taiga UI Figma 程式庫,您可以使用它來使用 Taiga UI 元件設計您的應用程式。
社群
💡 您的想法非常歡迎在 Github 問題或討論中提出
🗨 如需英語即時聊天,請加入官方 Angular Discord 中的 #taiga-ui 頻道
💬 如需俄語即時聊天,請加入 taiga_ui Telegram 群組
核心團隊
貢獻者
請參閱我們的 CONTRIBUTING.md 指南。嘗試從 Web IDE 線上建立 pull request。
授權
🆓 歡迎在您的商業和個人應用程式中使用我們的程式庫
所有 Taiga UI 套件均受 Apache 2.0 授權保護
請在此處閱讀更多關於此授權的資訊