跳转到内容

🎉 Material UI v5 is out now! Check out the announcement blog post

Palette 调色板

通过一些实用的颜色程序类的颜色传达意义。 这也包括了支持带悬停状态(hover states)的样式链接。

Color 颜色

primary.main
secondary.main
error.main
warning.main
info.main
success.main
text.primary
text.secondary
text.disabled
<Box color="primary.main"><Box color="secondary.main"><Box color="error.main"><Box color="warning.main"><Box color="info.main"><Box color="success.main"><Box color="text.primary"><Box color="text.secondary"><Box color="text.disabled">

背景颜色

primary.main
secondary.main
error.main
warning.main
info.main
success.main
text.primary
text.secondary
text.disabled
<Box bgcolor="primary.main"><Box bgcolor="secondary.main"><Box bgcolor="error.main"><Box bgcolor="warning.main"><Box bgcolor="info.main"><Box bgcolor="success.main"><Box bgcolor="text.primary"><Box bgcolor="text.secondary"><Box bgcolor="text.disabled">

API

import { palette } from '@material-ui/system';
导入名称 属性 CSS 属性 Theme key
color color color palette
bgcolor bgcolor backgroundColor palette