Typography
Rich Content
A rich content component
Overview
The Rich Content component renders HTML or markdown content with consistent typography, links, and lists. It is used for product descriptions, CMS content, and other formatted text blocks.
Key Business & UX Benefits
- Keeps CMS and dynamic content readable with consistent typography.
- Supports headings, lists, and links without custom markup.
- Reduces risk of XSS by sanitizing and constraining allowed HTML.
- Matches theme so rich content fits the rest of the UI.
Pro-Tip from Larry: Use it for product descriptions so formatting stays consistent and safe.
Usage
RichContent
<RichContent>
...
</RichContent>
Feature List
- Renders HTML or markdown with sanitized output
- Consistent typography for headings, lists, and paragraphs
- Styled links and other inline elements
- Theme-aligned styling for light and dark modes
API Reference
| Prop | Default | Type |
|---|---|---|
html | string | HtmlFragment { html } | |
inheritBodySize | boolean |
| Slot | Type |
|---|---|
default | {} |