# Typography

Styles for headings, paragraphs, lists, etc.

> For the complete documentation index, see [llms.txt](/llms.txt). Markdown variants are available by appending `.md` to any URL or sending an `Accept: text/markdown` header. An agent skill is available at [/.well-known/agent-skills/site-skill.md](/.well-known/agent-skills/site-skill.md).





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.

<ComponentPreview name="typography-demo">
  <TypographyDemo />
</ComponentPreview>

## h1 [#h1]

<ComponentPreview name="typography-h1">
  <TypographyH1 />
</ComponentPreview>

## h2 [#h2]

<ComponentPreview name="typography-h2">
  <TypographyH2 />
</ComponentPreview>

## h3 [#h3]

<ComponentPreview name="typography-h3">
  <TypographyH3 />
</ComponentPreview>

## h4 [#h4]

<ComponentPreview name="typography-h4">
  <TypographyH4 />
</ComponentPreview>

## p [#p]

<ComponentPreview name="typography-p">
  <TypographyP />
</ComponentPreview>

## blockquote [#blockquote]

<ComponentPreview name="typography-blockquote">
  <TypographyBlockquote />
</ComponentPreview>

## table [#table]

<ComponentPreview name="typography-table">
  <TypographyTable />
</ComponentPreview>

## list [#list]

<ComponentPreview name="typography-list">
  <TypographyList />
</ComponentPreview>

## Inline code [#inline-code]

<ComponentPreview name="typography-inline-code">
  <TypographyInlineCode />
</ComponentPreview>

## Lead [#lead]

<ComponentPreview name="typography-lead">
  <TypographyLead />
</ComponentPreview>

## Large [#large]

<ComponentPreview name="typography-large">
  <TypographyLarge />
</ComponentPreview>

## Small [#small]

<ComponentPreview name="typography-small">
  <TypographySmall />
</ComponentPreview>

## Muted [#muted]

<ComponentPreview name="typography-muted">
  <TypographyMuted />
</ComponentPreview>

## RTL [#rtl]

To enable right-to-left support, see the [RTL guide](/docs/rtl).

<ComponentPreview name="typography-rtl" direction="rtl">
  <TypographyRtl />
</ComponentPreview>