The Typography component is used any time you want to render text in a Material-UI application. The type of text, or variant, is specified as a string value that's passed to the variant property.
Types of typography
How to do it...
Here's an example that shows how to render all of the available Typography variants:
import React, { Fragment } from 'react';
import Typography from '@material-ui/core/Typography';
const MyTypography = ({ variant, ...props }) => (
<Typography variant={variant || 'inherit'} {...props} />
);
const TypesOfTypography = () => (
<Fragment>
<Typography variant="h1">h1 variant</Typography>
<Typography variant="h2...