跳到內容
+

MUI Base - 總覽

MUI Base 是一個無樣式("unstyled")React 組件和底層 Hook 的函式庫。您可以完全控制應用程式的 CSS 和無障礙功能。

簡介

MUI Base 是一個無樣式 React UI 組件和 Hook 的函式庫。這些組件是從 Material UI 中提取出來的,現在可以作為獨立套件使用。它們具有相同的穩健工程設計,但沒有實作 Material Design。

MUI Base 包含具有生產就緒功能的預建組件,以及用於將該功能轉移到其他組件的底層 Hook。

使用 MUI Base,您可以使用您選擇的任何樣式解決方案,在我們的基礎組件之上快速建構,無需覆蓋任何預設樣式引擎或主題。

MUI Base 的優點

  • 更快交付: MUI Base 為您提供了組裝精巧且複雜的使用者介面所需的基本構建模塊,與從頭開始相比,可節省大量時間。
  • 您擁有 CSS 的控制權: 與 Material UI 不同,後者使用 Emotion 作為預設樣式引擎,MUI Base 沒有內建的樣式解決方案。這表示您可以完全控制應用程式的 CSS。
  • 無障礙功能: MUI Base 組件在建構時就考慮到無障礙功能。我們盡力使所有組件對螢幕閱讀器友善,並在我們的文件中提供優化無障礙功能的建議。

MUI Base 與 Material UI 的比較

MUI Base 具有與 Material UI 相同的許多組件,但沒有 Material Design 的實作。

MUI Base 沒有與任何預設主題或內建樣式引擎一起封裝。如果您需要完全控制應用程式 CSS 的實作方式,這是一個絕佳的選擇。

您可以將 MUI Base 視為 Material UI 的「骨架」或「無頭」版本 — 事實上,未來版本的 Material UI 將逐步採用這些組件和 Hook 作為其基礎結構。