---
title: Typography
description: Styles for headings, paragraphs, lists, etc.
base: base
component: true
---

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
  styleName="base-nova"
  name="typography-demo"
  className="[&_.preview]:h-auto!"
  hideCode
/>

## h1

<ComponentPreview styleName="base-nova" name="typography-h1" />

## h2

<ComponentPreview styleName="base-nova" name="typography-h2" />

## h3

<ComponentPreview styleName="base-nova" name="typography-h3" />

## h4

<ComponentPreview styleName="base-nova" name="typography-h4" />

## p

<ComponentPreview styleName="base-nova" name="typography-p" />

## blockquote

<ComponentPreview styleName="base-nova" name="typography-blockquote" />

## table

<ComponentPreview styleName="base-nova" name="typography-table" />

## list

<ComponentPreview styleName="base-nova" name="typography-list" />

## Inline code

<ComponentPreview styleName="base-nova" name="typography-inline-code" />

## Lead

<ComponentPreview styleName="base-nova" name="typography-lead" />

## Large

<ComponentPreview styleName="base-nova" name="typography-large" />

## Small

<ComponentPreview styleName="base-nova" name="typography-small" />

## Muted

<ComponentPreview styleName="base-nova" name="typography-muted" />

## RTL

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

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