Material UI Core介绍

Material UI Core 是一个流行的、基于 React 的 UI 库。它提供了一套美观、易用的 React 组件，包括按钮，文本框，卡片，对话框等等。

安装

Material UI Core 可以通过 npm 安装。

npm i material-ui/core

使用

使用一个组件，需要先引入它。

import { Button } from '@material-ui/core';

然后就可以使用这个组件了。

<Button variant="contained" color="primary">
  确定
</Button>

主题

Material UI Core 与 Material Design 保持一致，允许您定制组件的外观。

import { createMuiTheme } from '@material-ui/core/styles';
import { ThemeProvider } from '@material-ui/core/styles';
import purple from '@material-ui/core/colors/purple';
import green from '@material-ui/core/colors/green';

const theme = createMuiTheme({
  palette: {
    primary: purple,
    secondary: green,
  },
});

function MyApp() {
  return (
    <ThemeProvider theme={theme}>
      <Button variant="contained" color="primary">
        确定
      </Button>
    </ThemeProvider>
  );
}

总结

Material UI Core 提供了一套美观、易用的 React 组件。通过主题，您可以自定义组件的外观。如果您正在开发一个基于 React 的 Web 应用程序，Material UI Core 是一个不错的选择。