INLINE, NOT HTML
Structured marks
Each mark is validated before web, Android, or iOS generation.
DISPLAY
RichText
RichText composes a paragraph-like inline flow from explicit mark entries with portable emphasis, color, and typography.
INLINE, NOT HTML
Structured marks
Each mark is validated before web, Android, or iOS generation.
PLAYGROUND
Build a release message
Use marks to give hierarchy to a single sentence without splitting it into unrelated Text nodes.
Dowe generates systems with explicit contracts .
RichText size:"xl" weight:"bold"
mark text:"Dowe" style:"grad" scheme:"primary"
mark text:"generates" style:"under" scheme:"info"
mark text:"systems" style:"pill" scheme:"success"
mark text:"with" style:"mark" scheme:"muted"
mark text:"explicit contracts" style:"tag" scheme:"secondary"MARK STYLES
Tune emphasis without custom markup
The style belongs to the mark entry. Use schemes for semantic emphasis and keep the surrounding sentence readable without relying on color alone.
EDITORIAL
Draft Approved for release
Read the highlighted clause before shipping.
PRODUCT UI
Beta access is now available
A compact callout.
RichText size:"lg"
mark text:"Draft" style:"strike" scheme:"danger"
mark text:"Approved" style:"pop" scheme:"success"
mark text:" for release" style:"mark" scheme:"muted"
RichText size:"lg"
mark text:"Beta" style:"neon" scheme:"secondary"
mark text:" access" style:"box" scheme:"primary"
mark text:" is now" style:"mark" scheme:"muted"
mark text:" available" style:"wave" scheme:"success"HEADLINES
Keep a sentence
Use a larger size and a restrained number of marks for hero or release copy.
STATUS
Pair style and scheme
The style controls treatment; scheme controls the semantic color family.
ACCESSIBILITY
Do not hide meaning
The sentence must remain understandable when emphasis or color is reduced.
API
RichText props
RichText also accepts the applicable common typography, spacing, sizing, visibility, and accessibility props.
Prop | Type | Default |
|---|---|---|
No dataThere are no records to display | ||
mark entry props
mark is structural: it is valid only inside RichText, has no children, and requires text.
Prop | Type | Default |
|---|---|---|
No dataThere are no records to display | ||