用法

學習使用 Material UI 元件的基本知識。

快速入門

在安裝之後，您可以匯入任何 Material UI 元件並開始試用。例如，嘗試更改 Button 上的 variant 為 outlined，以查看樣式如何變化

由於 Material UI 元件的建構旨在獨立運作，因此它們不需要任何種類的全域作用域樣式。為了獲得更好的使用者體驗和開發者體驗，我們建議將以下全域設定新增至您的應用程式。

Material UI 是一個行動優先的元件庫—我們先為行動裝置編寫程式碼，然後根據需要使用 CSS 媒體查詢來擴展元件。

為了確保所有裝置的正確渲染和觸控縮放，請將響應式 viewport meta 標籤新增至您的 <head> 元素

<meta name="viewport" content="initial-scale=1, width=device-width" />

Material UI 提供了可選的 CssBaseline 元件。它修正了跨瀏覽器和裝置之間的一些不一致性，同時提供的重置比替代的全域樣式表（如 normalize.css）更適合 Material UI。

Material UI 預設使用 Roboto 字體。請參閱安裝—Roboto 字體以取得完整詳細資訊。