Paragraph

Paragraph renders block body copy (a <p>) for multi-sentence prose with paragraph spacing.

#Example

#Usage

#Small size

Used for small body copy. Avoid unless explicitly used in a design, since it's harder to read than a default medium size.

#Medium size

This is a default size, that's used for most copy on the page.

#Large size

Used on onboarding pages, where larger fonts and component sizes are used. There may be other limited use cases beyond onboarding pages. Try to stick to a default medium size when possible.

#Guidelines

#When to use

• When text can span multiple lines.

#When not to use

• If you're positioning text on the same row as other components, use a text component.
• If text is a label to something, use a text component instead.

#Content

• Use sentence case.
• Always end sentences with a dot.

#Props

Inherits margin props.

Name	Default	Description
children	—	ReactNode Paragraph text.
size	"md"	"sm" | "md" | "lg" Font size.