跳转到内容
ZH
Material-UI Logo

MATERIAL-UI

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

起步
来自我们的赞助商的一个简短概括:

安装

您可以通过 npm 安装 Material-UI 的源码。我们会负责注入所需的 CSS。
  $ 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/Button';

  const App = () => (
    <Button variant="contained" color="primary">
      Hello World
    </Button>
  );

探索文档

高级版主题

使用我们官方市场中的高级主题将 Material-UI 升级到新的一层 - 所有这些都建立在 Material-UI 之上。

浏览主题