example custom theme material ui

Jorge Ignacio Salia Leal answered on July 6, 2022 Popularity 10/10 Helpfulness 2/10

answer example custom theme material ui

example custom theme material ui

Comment

import * as React from 'react';
import Checkbox from '@mui/material/Checkbox';
import { createTheme, ThemeProvider, styled } from '@mui/material/styles';
import { orange } from '@mui/material/colors';

const CustomCheckbox = styled(Checkbox)(({ theme }) => ({
  color: theme.status.danger,
  '&.Mui-checked': {
    color: theme.status.danger,
  },
}));

const theme = createTheme({
  status: {
    danger: orange[500],
  },
});

export default function CustomStyles() {
  return (
    <ThemeProvider theme={theme}>
      <CustomCheckbox defaultChecked />
    </ThemeProvider>
  );
}

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: mui.com

Tags: custom-theme javascript material-ui

Link to this answer
Share Copy Link

Contributed on Jul 06 2022

Jorge Ignacio Salia Leal

0 Answers Avg Quality 2/10

example custom theme material ui

Contents

More Related Answers

example custom theme material ui

Grepper

Documentation

Social

Legal

Contact

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