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 6/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

material-ui makestyles(theme)

before in material ui style

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

mui styled component

material ui styled components with theme

mui styled props typescript

MUI Custom styling

material ui common styles

how to override material ui

how to override material ui css

adding style to root material ui

type for css styling as props

material ui withstyles typescript

how to pass props to styled components MUI5

pass props to makestyles

material ui styled component

create a common style material ui style

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 6/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