Skip to main content

typography

Styles for headings, paragraphs, lists...etc

We do not ship any typography styles by default. This page is an example of how you can use utility classes to style your text.

Philosophy

Typography isn't a component — it's a system. Rather than wrapping every HTML heading and paragraph in a React component, we provide utility classes that style native elements consistently. This keeps your markup semantic, your bundle lean, and your styling flexible. Use <h1> with a class, not <Heading level={1}>.

h1

h2

h3

h4

p

blockquote

table

list

Inline code

Lead

Large

Small

Muted

RTL Support