React Typography

A React version of an MDC Typography.

Installation

``
npm install @material/react-typography
`

Usage

$3

with Sass:
`js
import '@material/react-typography/index.scss';
`

with CSS:
`js
import '@material/react-typography/dist/typography.css';
`

$3


`js
import React from 'react';
import {
Body1,
Body2,
Button,
Caption,
Headline1,
Headline2,
Headline3,
Headline4,
Headline5,
Headline6,
Overline,
Subtitle1,
Subtitle2,
} from '@material/react-typography';

class MyApp extends React.Component {
render() {
return (

Kate Lockwell
Jim Raynor
Kerrigan
Arcturus Mengsk
Valerian Mengsk
Donny Vermillion
Kate Lochwell
Jim Raynor
Kerrigan
Arcturus Mengsk
Valerian Mengsk
Donny Vermillion
Kate Lockwell

);
}
}
`

Components

$3

#### Props

Prop Name | Type | Description
--- | --- | ---
children | Node | A React node to render within the component. The text to display
className | String | Classes to be applied to the root element
tag | String | The tag type to render (default 'h1')

$3

#### Props

Prop Name | Type | Description
--- | --- | ---
children | Node | A React node to render within the component. The text to display
className | String | Classes to be applied to the root element
tag | String | The tag type to render (default 'h2')

$3

#### Props

Prop Name | Type | Description
--- | --- | ---
children | Node | A React node to render within the component. The text to display
className | String | Classes to be applied to the root element
tag | String | The tag type to render (default 'h3')

$3

#### Props

Prop Name | Type | Description
--- | --- | ---
children | Node | A React node to render within the component. The text to display
className | String | Classes to be applied to the root element
tag | String | The tag type to render (default 'h4')

$3

#### Props

Prop Name | Type | Description
--- | --- | ---
children | Node | A React node to render within the component. The text to display
className | String | Classes to be applied to the root element
tag | String | The tag type to render (default 'h5')

$3

#### Props

Prop Name | Type | Description
--- | --- | ---
children | Node | A React node to render within the component. The text to display
className | String | Classes to be applied to the root element
tag | String | The tag type to render (default 'h6')

$3

#### Props

Prop Name | Type | Description
--- | --- | ---
children | Node | A React node to render within the component. The text to display
className | String | Classes to be applied to the root element
tag | String | The tag type to render (default 'h6')

$3

#### Props

Prop Name | Type | Description
--- | --- | ---
children | Node | A React node to render within the component. The text to display
className | String | Classes to be applied to the root element
tag | String | The tag type to render (default 'h6')

$3

#### Props

Prop Name | Type | Description
--- | --- | ---
children | Node | A React node to render within the component. The text to display
className | String | Classes to be applied to the root element
tag | String | The tag type to render (default 'p')

$3

#### Props

Prop Name | Type | Description
--- | --- | ---
children | Node | A React node to render within the component. The text to display
className | String | Classes to be applied to the root element
tag | String | The tag type to render (default 'p')

$3

#### Props

Prop Name | Type | Description
--- | --- | ---
children | Node | A React node to render within the component. The text to display
className | String | Classes to be applied to the root element
tag | String | The tag type to render (default 'span')

$3

#### Props

Prop Name | Type | Description
--- | --- | ---
children | Node | A React node to render within the component. The text to display
className | String | Classes to be applied to the root element
tag | String | The tag type to render (default 'span')

$3

#### Props

Prop Name | Type | Description
--- | --- | ---
children | Node | A React node to render within the component. The text to display
className | String | Classes to be applied to the root element
tag | String | The tag type to render (default 'span'`)

Sass Mixins

Sass mixins may be available to customize various aspects of the Components. Please refer to the
MDC Web repository for more information on what mixins are available, and how to use them.

Advanced Sass Mixins