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

classname buttons

Blue Baboon answered on January 23, 2022 Popularity 2/10 Helpfulness 1/10

answer classname buttons

classname buttons

Comment

import React from "react";
import CN from "classnames";
import { Button, makeStyles } from "@material-ui/core";
const Buttons = ({ colorPink, colorOrange, colorWhite }) => {
  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",
  },
  colorWhite: {
    color: "black",
    backgroundColor: "white",
  },
}));

Popularity 2/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: classname javascript

Link to this answer
Share Copy Link

Contributed on Jan 23 2022

Blue Baboon

0 Answers Avg Quality 2/10

Continue with Google

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

classname buttons

Contents

More Related Answers

classname buttons

Grepper

Documentation

Social

Legal

Contact

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