---
id: paragraph
title: Paragraph
---

# Paragraph

## How to use

<code src="@digigov/ui/src/typography/Paragraph/__stories__/Default.tsx" />

### Lead paragraph

<code src="@digigov/ui/src/typography/Paragraph/__stories__/LeadVariant.tsx" />

### Small paragraph

<code src="@digigov/ui/src/typography/Paragraph/__stories__/SmallVariant.tsx" />

## Font override classes

### Font size

<code src="@digigov/ui/src/typography/Paragraph/__stories__/FontSizes.tsx" />

### Font weight

<code src="@digigov/ui/src/typography/Paragraph/__stories__/FontWeight.tsx" />

## API

See below for a complete reference to all of the props  available to the components mentioned here.

<ComponentProps componentName={["Paragraph"]} />