# 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" className="[&_.preview]:h-auto!" />

## h1 [#h1]

<ComponentPreview name="typography-h1" />

## h2 [#h2]

<ComponentPreview name="typography-h2" />

## h3 [#h3]

<ComponentPreview name="typography-h3" />

## h4 [#h4]

<ComponentPreview name="typography-h4" />

## p [#p]

<ComponentPreview name="typography-p" />

## blockquote [#blockquote]

<ComponentPreview name="typography-blockquote" />

## table [#table]

<ComponentPreview name="typography-table" />

## list [#list]

<ComponentPreview name="typography-list" />

## Inline code [#inline-code]

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

## Lead [#lead]

<ComponentPreview name="typography-lead" />

## Large [#large]

<ComponentPreview name="typography-large" />

## Small [#small]

<ComponentPreview name="typography-small" />

## Muted [#muted]

<ComponentPreview name="typography-muted" />

## RTL [#rtl]

To enable RTL support in shadcn/ui, see the [RTL configuration guide](/docs/rtl).

<ComponentPreview name="typography-rtl" direction="rtl" className="[&_.preview]:h-auto!" />