Paleta
Transmitir significado através da cor com um punhado de classes de utilitário de cor. Inclui suporte para links de estilo com estados de foco também.
Cor
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">…
Cor de fundo
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';
Nome da importação | Propriedade | Propriedade CSS | Chave do tema |
---|---|---|---|
color |
color |
color |
palette |
bgcolor |
bgcolor |
backgroundColor |
palette |