Typography

Our typography scales and font styles using a reusable Typography component.

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Text Styles

The king thought long and hard, and finally, he decided to... (Paragraph)

"After all," he said, "everyone enjoys a good joke." (Blockquote)

A modal dialog that interrupts the user with important content and expects a response. (Lead)Are you absolutely sure? (Large)Email address (Small)Enter your email address. (Muted)

You can also use inline code within sentences.

Usage

<Typography variant="h1">Hello World</Typography>
<Typography variant="p">This is a paragraph.</Typography>