Pular para o conteúdo

🎉 v5 is out! Head to the documentation to get started.

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