跳转到内容

🎉 Material UI v5 is out! Head to the migration guide to get started.

MATERIAL-UI

React 组件用于更快速、更简便的 web 开发。你也可以建立你自己的设计系统,或者从 Material Design 开始。

快速上手
获取专业客服
来自我们的赞助商的一个简短概括:

安装

您可以通过 npm 安装 Material-UI 的源码。我们会负责引入样式。
$ npm install @material-ui/core
或者您也可以使用 CDN。
加载默认的 Roboto 字体。
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" />

阅读安装文档

使用

Material-UI 组件无需任何额外的设置即可使用,并且不会影响全局变量。
import React from 'react';
import { Button } from '@material-ui/core';

function App() {
  return <Button color="primary">Hello World</Button>;
}

探索文档