用法

了解 Joy UI 组件的基本用法。

快速开始

安装完成后，你可以导入任何 Joy UI 组件并开始尝试。例如，尝试将 Button 组件的 variant 更改为 soft，看看样式如何变化

由于 Joy UI 组件被设计为独立运行，它们不需要任何全局作用域的样式。为了更好的用户体验和开发者体验，我们建议在你的应用中添加以下全局设置。

Joy UI 是一个移动优先的组件库——我们首先为移动设备编写代码，然后使用 CSS 媒体查询根据需要放大组件。

为了确保所有设备的正确渲染和触摸缩放，请将响应式视口 meta 标签添加到你的 <head> 元素中

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

Joy UI 提供了一个可选的 CssBaseline 组件。它修复了浏览器和设备之间的一些不一致性，并提供了比 normalize.css 等替代全局样式表更适合 Joy UI 的重置。

Joy UI 提供了一个可选的 <CssVarsProvider /> 组件，它解锁了由 CSS 变量驱动的大量自定义选项。访问使用 CSS 变量指南了解更多。

Joy UI 默认使用 Inter 字体。请参阅安装—Inter 字体获取完整详细信息。