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

pass props to style material ui

Add Answer

Cautious Coyote answered on July 31, 2020 Popularity 9/10 Helpfulness 5/10

Contents

answer pass props to style material ui

More Related Answers

before in material ui style

before in material ui style

before in material ui style

before in material ui style

material-ui makestyles(theme)

multiple classnames material ui

pass custom props to styled components mui

react material ui classname

how to use secondary color in material ui useStyle

inline makestyle mui

makestyles in mui 5

material ui styled components with theme

mui styled component

mui styled props typescript

MUI Custom styling

how to override material ui

material ui common styles

how to override material ui css

adding style to root material ui

type for css styling as props

material ui withstyles typescript

pass props to makestyles

create a common style material ui style

material ui styled component

how to pass props to styled components MUI5

create a common style material ui style

material ui common styles

makestyles material ui typescript

material ui styled function

pass props to style material ui

Comment

3

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

export interface StyleProps {
    height: number;
}

const useStyles = makeStyles<Theme, StyleProps>(theme => ({
  root: {
    background: 'green',
    height: ({height}) => height,
  },
}));

export default function Hook() {

  const props = {
    height: 48
  }

  const classes = useStyles(props);
  return <Button className={classes.root}>Styled with Hook API</Button>;
}

Popularity 9/10 Helpfulness 5/10 Language whatever

Source: stackoverflow.com

Tags: material-ui whatever

Share

Link to this answer
Share Copy Link

Cautious Coyote

Contributed on Jul 31 2020

Cautious Coyote

0 Answers Avg Quality 2/10

X

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

X

Grepper Account Login Required

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

Install Grepper Here