React Material-UI Cookbook

How to do it...

Here's some code that shows the different color values that you can apply to Button components:

import React from 'react';import { withStyles } from '@material-ui/core/styles';import Button from '@material-ui/core/Button';import Grid from '@material-ui/core/Grid';import Typography from '@material-ui/core/Typography';const styles = theme => ({  container: {    margin: theme.spacing(1)  }});const ButtonEmphasis = withStyles(styles)(({ classes, disabled }) => (  <Grid    container    direction="column"    spacing={16}    className={classes.container}  >    <Grid item>      <Typography variant="h6">Default</Typography>    </Grid>    <Grid item>      <Grid container spacing={16}>        <Grid item>          <Button variant="text" disabled={disabled}>            Text          </Button>        </Grid> <Grid item> ...