用法

了解使用 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 字体。