Typography

Use typography to present your design and content as clearly and efficiently as possible.

Variants

h1. Heading

h2. Heading

h3. Heading

h4. Heading

h5. Heading

h6. Heading

subtitle1. Lorem ipsum dolor sit amet.

subtitle2. Lorem ipsum dolor sit amet.

body1. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

body2. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

button text

caption text

overline text

Attribute	Type	Default	Description
`variant`	h1–h6 \| subtitle1/2 \| body1/2 \| button \| caption \| overline	body1	Applies the theme typography styles.
`color`	initial \| inherit \| primary \| secondary \| textPrimary \| textSecondary \| error	initial	The text color.
`align`	inherit \| left \| center \| right \| justify	inherit	Text alignment.
`gutter-bottom`	boolean	false	Adds 0.35em bottom margin.
`no-wrap`	boolean	false	Truncates with ellipsis.
`component`	string	(variant default)	Override the rendered HTML element.