Prose
Vertical rhythm and list styling for long-form content.
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
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.
Lists
Lists inside Prose include markers and indentation, including nested lists.
Prose — Lists
- 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.
Related components
Heading and Text own typography and
visual hierarchy. Use them inside Prose when you need styled headings and body text.
API
ProseProps also accepts compatible DOM and ARIA attributes and event handlers for its rendered element.