mui switch colours

Defiant Dove answered on April 11, 2022 Popularity 9/10 Helpfulness 6/10

answer mui switch colours

mui switch colours

Comment

const theme = createMuiTheme({
    overrides: {
      MuiSwitch: {
        switchBase: {
          // Controls default (unchecked) color for the thumb
          color: "#ccc",
          "&$checked": {
            // Controls checked color for the thumb
            color: "#f2ff00"
          }
        },
        track: {
          // Controls default (unchecked) color for the track
          opacity: 0.2,
          backgroundColor: "#fff",
          "$checked$checked + &": {
            // Controls checked color for the track
            opacity: 0.7,
            backgroundColor: "#fff"
          }
        }
      }
    }
  });

<Switch
	classes={{
         switchBase:
         switchClasses.switchBase,
         thumb: switchClasses.thumb,
         track: switchClasses.track,
         checked: switchClasses.checked,
        }}

Popularity 9/10 Helpfulness 6/10 Language javascript

Source: stackoverflow.com

Tags: javascript mui

Link to this answer
Share Copy Link

Contributed on Apr 11 2022

Defiant Dove

0 Answers Avg Quality 2/10

mui switch colours

Contents

More Related Answers

mui switch colours

Grepper

Documentation

Social

Legal

Contact

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