RichText
Renders trusted markdown from the API — store descriptions, bonus terms, the long SEO copy. Not for user-submitted content.
import RichText from '@/components/ui/RichText';Source: src/components/ui/RichText.tsx
Examples
Markdown from the API
Headings, lists, emphasis and links map onto the same Typography components, so API copy sits in the page’s own scale rather than importing a second one. Internal links are rewritten to locale-aware routes.
Cashback terms
Cashback is confirmed after the return window closes.
- Applies to items bought via Bonusway
- Excludes gift cards
See the store list for exceptions.
Props
<RichText> props
| Prop | Type | Default | Description |
|---|---|---|---|
markdownrequired | string | — | — |
className | string | — | — |
Usage
Do
- Use it for API-authored copy that legitimately contains structure.
Don’t
- Don’t pass user-submitted text through it. It renders markdown from a source we trust; a review body is not that.
- Don’t wrap a single sentence in it — that is a Text.
Related:Header