classnames

Blue Baboon answered on April 9, 2022 Popularity 10/10 Helpfulness 2/10

answer classnames

classnames

Comment

import React from "react";
import CN from "classnames";
import { Button, makeStyles } from "@material-ui/core";
const Buttons = ({ colorPink, colorOrange }) => {
  const classes = useStyles();
  return (
    <Button
      className={CN({
        [classes.colorPink]: colorPink,
        [classes.colorOrange]: colorOrange,
      })}
      variant="contained"
    >
      Hello buttons
    </Button>
  );
};
export default Buttons;
const useStyles = makeStyles(() => ({
  colorPink: {
    color: "white",
    backgroundColor: "pink",
  },
  colorOrange: {
    color: "white",
    backgroundColor: "orange",
  },
}));

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: Grepper

Tags: class-names javascript

Link to this answer
Share Copy Link

Contributed on Apr 09 2022

Blue Baboon

0 Answers Avg Quality 2/10

classnames

Contents

More Related Answers

classnames

Grepper

Documentation

Social

Legal

Contact

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