Material UI Button Returning an error when using creatMuiTheme

Question

Why is this returning an error?

const btn = createMuiTheme({Button: {borderRadius: 100%},});

Mehul Thakkar · Accepted Answer · 2021-10-20 20:40:29Z

1

You have to change the Button to MuiButton.

Refer this link. https://mui.com/customization/theme-components/#css


const theme = createTheme({
  components: {
    // Name of the component
    MuiButton: {
      styleOverrides: {
        // Name of the slot
        root: {
          // Some CSS
          borderRadius: '100%' 
        },
      },
    },
  },
});

answered Oct 20, 2021 at 20:40

Mehul Thakkar

2,4571 gold badge16 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

8 Comments

youngprogrammer1997 Over a year ago

what does name of the slot mean?

Mehul Thakkar Over a year ago

Basically CSS property which you want to change. For the case of button visit this. mui.com/api/button/#css

Mehul Thakkar Over a year ago

For all other modification you'll be able to check the API page of each component. That should guide you.

youngprogrammer1997 Over a year ago

gotcha, so i copied and pasted exactly what you put, but it didn't change anything.

Mehul Thakkar Over a year ago

Are you trying to change this for a single button or for entire platform? If you're making this change it will affect the entire platform.

|

Collectives™ on Stack Overflow

Material UI Button Returning an error when using creatMuiTheme

1 Answer 1

8 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Related