Other styling options

There are other styling options available to your Material-UI app beyond withStyles(). There's the styled() higher-order component function that emulates styled components. You can also jump outside the Material-UI style system and use inline CSS styles or import CSS modules and apply those styles.

How to do it...

Here's a modified version of the Scoped component styles example that showcases a few of the alternative style mechanisms available to you in your Material-UI applications:

import React, { Fragment } from 'react';

import { styled } from '@material-ui/styles';
import Button from '@material-ui/core/Button';

import styles from './OtherStylingOptions.module...