Prose

Prose adds vertical rhythm and list styling to long-form content. It does not constrain content width. Pair it with Heading and Text for visual hierarchy, or map rendered Markdown and CMS elements to those components.

Prose: Basic

Open in playground

Why structure matters

Headings break a page into sections a reader can scan, paragraphs group related sentences, and lists set out steps or options one at a time.

Reading a list

Scan the heading to see what the section covers.
Read the paragraph for context.
Follow the list for the details.

Prose: Basic

Loading Prose: Basic example

Lists

Lists inside Prose include markers and indentation, including nested lists.

Prose: Lists

Open in playground

An ordered list numbers each item, so the order carries meaning.
An item can hold a nested list of its own.
- A nested list is indented from its parent item.
- An unordered list marks items with bullets instead of numbers.
Spacing between items stays even at every level.

Prose: Lists

Loading Prose: Lists example

API

ProseProps also accepts compatible DOM and ARIA attributes and event handlers for its rendered element.

Why structure matters

Reading a list

Lists

API

On this page

Why structure matters

Reading a list