Google Material Design 的 React 实现,全球最流行的UI组件库
Material = Elevation + Motion + Surface
核心:通过"纸"的隐喻创造层次感,通过阴影表达深度,通过动画表达运动
import { Button, TextField } from '@mui/material';
<Button variant="contained" color="primary">
Hello World
</Button>
<TextField label="Email" variant="outlined" />
MUI的核心价值:
缺点:体积较大(压缩后~30KB),样式默认较为"Google"