Material UI for React 使用总结

1 常用断点

xl = {2}
lg = {3}
md = {4}
sm = {6}
xs 600

2 Typography 排版

属性
variant= “h1-h6 | subtitle1 | subtitle2 | body1 | body2 | button | caption | overline”

3 Button

啥都没有是透明的、无阴影的按钮<Button>Hello<Button>

color
‘default’
| ‘inherit’
| ‘primary’ (蓝色)
| ‘secondary’ (红色)

variant
‘text’
| ‘outlined’
| 'contained

<Button variant="contained">Hello<Button>

fullWidth
充满宽度，类似于vuetify的block

用Button充当路由

import { Link } from 'react-router-dom';

<Button component={Link} to="/blog">GO TO</Button>