Rich Text
Sanitisierter Rich-Text: Fliesstext-Semantik (h3-h6, Listen, Tabellen, mark/kbd/sub/sup/abbr/time, dl, figure) + Ton-Spans aus festem Vorrat (data-tone)
Beispiele
Fließtext mit Auszeichnungen
Normaler Text mit fett, kursiv, code und einem Link.
- Erster Punkt
- Zweiter Punkt
- verschachtelt
HTML5-Semantik: mark, kbd, sub/sup, abbr, dl
Hervorgehoben · Formel: H2O und E=mc2 · Kürzel: Strg + K · ABK · Kleingedrucktes
- Definition
- zentraler Baustein in der Registry
- Instanz
- konkrete Verwendung mit Props
Ton-Spans (fester Vorrat, keine freien Farben)
Erfolgreich · Warnung · Fehler · Hinweis · Nebensatz · Akzent
Unerlaubtes wird neutralisiert
Sicher, freie Farbe fliegt raus, style auch.
Eigenschaften
| Prop | Typ | Default | Builder-Label |
|---|---|---|---|
| html * | string | — | Inhalt (HTML) |
* Pflicht-Prop
Stellschrauben (Komponenten-Tokens)
Ebene 3 — aus dem CSS generiert (Registry). Umverdrahtbar per Hüllen-Komposition, ohne Markup-Eingriff; künftige Regler-Quelle des Component Builders.
| Token | Default |
|---|---|
--richtext-color | var(--color-text-default) |
Genutzte Design-Tokens
border.emphasisborder.hairlinecolor.border.defaultcolor.border.strongcolor.border.subtlecolor.status.dangercolor.status.infocolor.status.successcolor.status.warningcolor.status.warning-surfacecolor.surface.sunkencolor.text.defaultcolor.text.linkcolor.text.mutedfont.family.defaultfont.family.monoleading.baseradius.mdradius.smsize.1size.2size.3size.4size.5text.lgtext.mdtext.smtext.xsweight.semibold