change snackbar background color material ui

Faten MYSERV answered on August 10, 2022 Popularity 8/10 Helpfulness 3/10

answer change snackbar background color material ui

related change snackbar background color material ui

change snackbar background color material ui

Comment

import { createTheme, ThemeProvider } from "@mui/material/styles";

const theme = createTheme({
  components: {
    MuiSnackbar: {
      variants: [
        {
          props: { variant: "trouble" },
          style: {
            "& .MuiSnackbarContent-root": {
              background: "orange"
            }
          }
        },
        {
          props: { variant: "bigTrouble" },
          style: {
            "& .MuiSnackbarContent-root": {
              background: "red"
            }
          }
        }
      ]
    }
  }
});

Popularity 8/10 Helpfulness 3/10 Language whatever

Source: stackoverflow.com

Tags: background-color material-ui snackbar whatever

Link to this answer
Share Copy Link

Contributed on Aug 10 2022

Faten MYSERV

0 Answers Avg Quality 2/10

Closely Related Answers

change snackbar background color material ui

Comment

<Snackbar
  open={this.state.showSnackbar}
  autoHideDuration={3000}
  onClose={() => {this.setState({showSnackbar: false})}}
>
  <SnackbarContent style={{
      backgroundColor:'teal',
    }}
    message={<span id="client-snackbar">Hello World</span>}
  />
</Snackbar>

Popularity 8/10 Helpfulness 5/10 Language javascript

Source: stackoverflow.com

Tags: material-ui javascript snackbar background-color

Link to this answer
Share Copy Link

Contributed on Aug 10 2022

Faten MYSERV

0 Answers Avg Quality 2/10

change snackbar background color material ui

Contents

More Related Answers

change snackbar background color material ui

Closely Related Answers

change snackbar background color material ui

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.