用法

學習如何使用 Joy UI 元件的基本知識。

快速入門

在安裝完成後，您可以匯入任何 Joy UI 元件並開始試用。例如，嘗試將 Button 上的 variant 變更為 soft，看看樣式如何變化

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

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

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

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

Joy UI 提供了一個可選的 CssBaseline 元件。它可以修正跨瀏覽器和裝置之間的一些不一致之處，同時提供更適合 Joy UI 的重置，而不是像 normalize.css 這樣的替代全域樣式表。

Joy UI 提供了一個可選的 <CssVarsProvider /> 元件，它解鎖了由 CSS 變數驅動的各種客製化選項。請訪問使用 CSS 變數指南以了解更多資訊。

Joy UI 預設使用 Inter 字型。請參閱安裝—Inter 字型以取得完整詳細資訊。