atomic · pure presentation
<atproto-rich-text>
Renders text with facets applied. javascript: URIs sanitized via safeUrl. No network.
Live
<atproto-rich-text text="..." facets='[...]'></atproto-rich-text>Attributes
| Name | Type | Default | Description |
|---|---|---|---|
text * | string | — | Plain post text. |
facets | string (JSON) | — | JSON-encoded array of ATProto facets. Or set the .facets JS property. |
Parts
External CSS can target these via atproto-rich-text::part(<name>) { ... }.
| Part | What it is |
|---|---|
text | The text container div. |