Breaking News: Grepper is joining You.com. Read the official announcement!

material-ui makestyles(theme)

SECRET MYSTERY answered on May 10, 2022 Popularity 10/10 Helpfulness 6/10

answer material-ui makestyles(theme)

related material ui usestyles

material-ui makestyles(theme)

Comment

import { makeStyles }from '@material-ui/core/styles'
import styles from './styles';

const useStyles =  makeStyles(theme => (styles(theme))); // here call styles function imported from styles.js
const SideNav = ({drawerState, toggleDrawer}) => {

  const classes = useStyles();

return (
 <Box className={classes.root}>

    <Drawer className="drawer" anchor="left" open={drawerState} onClose={() => toggleDrawer(false)}>
      <NavList></NavList>
    </Drawer>

  </Box>
);


export default SideNav;


//styles.js

const styles = (theme) => {
return ({
    root: {
        '& .drawer': {
            backgroundColor:'red'
        }
    }
});

export default styles;

Popularity 10/10 Helpfulness 6/10 Language javascript

Source: Grepper

Tags: javascript material-ui

Link to this answer
Share Copy Link

Contributed on May 10 2022

SECRET MYSTERY

0 Answers Avg Quality 2/10

Closely Related Answers

material ui usestyles

Comment

import { makeStyles } from "tss-react/mui";
import { Typography, Container, Button } from "@mui/material";


const useStyles = makeStyles()(() => {
  return {
    root: {
      color: "green",
    },
  };
});
const Create = () => {
  const { classes } = useStyles();
  return (
    <div>
        <Button variant="text" className={classes.root}>
          Text
        </Button>
    </div>
    )
   }

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: Grepper

Tags: material-ui mate

Link to this answer
Share Copy Link

Contributed on Mar 13 2023

Juicio

0 Answers Avg Quality 2/10

material-ui makestyles(theme)

Contents

More Related Answers

material-ui makestyles(theme)

Closely Related Answers

material ui usestyles

Grepper

Documentation

Social

Legal

Contact

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