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

pass props to makestyles

Graceful Gerenuk answered on July 26, 2021 Popularity 9/10 Helpfulness 2/10

answer pass props to makestyles

related how to pass variables to makestyles

pass props to makestyles

Comment

const useStyles = props => makeStyles( theme => ({
    div: {
        width: theme.spacing(props.units || 0)  
    }
}));

//calling the function
const classes = useStyles(props)();

Popularity 9/10 Helpfulness 2/10 Language whatever

Source: Grepper

Tags: makestyles whatever

Link to this answer
Share Copy Link

Contributed on Jul 26 2021

Graceful Gerenuk

0 Answers Avg Quality 2/10

Closely Related Answers

how to pass variables to makestyles

Comment

import React from 'react';
import { makeStyles } from '@material-ui/core/styles';
import Button from '@material-ui/core/Button';
import {Theme} from '@material-ui/core';

const useStyles = makeStyles(theme => ({
  root: {
    background: ({color})=> color,
  },
}));

export default function Hook() {
  const props = {
    color: "#1D3874"
  }
  const classes = useStyles(props);
  return <Button className={classes.root}>Styled with Hook API</Button>;
}

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: javascript makestyles variables

Link to this answer
Share Copy Link

Contributed on Jul 26 2021

Silly Shrike

0 Answers Avg Quality 2/10

pass props to makestyles

Contents

More Related Answers

pass props to makestyles

Closely Related Answers

how to pass variables to makestyles

Grepper

Documentation

Social

Legal

Contact

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