Установите цвет элемента закусочной из материала-ui

Question

Я использую компонент закуски из материала-ui. В настоящий момент закусочная выглядит черным. Вы знаете, как я могу изменить цвет? Фоновый цвет только изменяет цвет всего div, в котором находится закусочная. Он не меняет цвет закуски.

Answer 1

Вы должны установить bodyStyle свойство:

<Snackbar bodyStyle={{ backgroundColor: 'teal', color: 'coral' }} /> 

Ref documentation

Answer 2

С материально-UI 1.0 вы должны переопределить класс корневой CSS от компонента SnackbarContent с опорой SnackbarContentProps.

Вот пример:

const styleSheet = createStyleSheet(() => ({ 
    root: { 
     background: 'red' 
    } 
})); 

class MySnackbar extends Component { 
    render() { 
     const { classes } = this.props; 
     return (
      <div> 
       <Snackbar 
        SnackbarContentProps={{ 
         classes: { 
          root: classes.root 
         } 
        }} 
        message={<span>Some message</span>} 
       /> 
      </div> 
     ); 
    } 
} 

export default withStyles(styleSheet)(MySnackbar);