Theme: ← Übersicht Tokens

Hinweiskasten

Hervorgehobener Hinweis im Fliesstext (Ton aus festem Vorrat: info/success/warning/danger) mit optionalem Titel und Rich-Text-Inhalt

Components v1.0.0 Inhalt WebsiteAppDesktopE-Mail component.callout

Beispiele

Info mit Titel
Warnung
Script wird entfernt

Eigenschaften

PropTypDefaultBuilder-Label
tonestring: info | success | warning | danger"info"Ton
titlestring""Titel
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.

TokenDefault
--callout-accentvar(--color-status-info)
--callout-surfacevar(--color-status-info-surface)

Genutzte Design-Tokens

border.emphasiscolor.status.dangercolor.status.danger-surfacecolor.status.infocolor.status.info-surfacecolor.status.successcolor.status.success-surfacecolor.status.warningcolor.status.warning-surfacecolor.text.defaultcolor.text.linkfont.family.defaultfont.family.monoleading.baseradius.mdradius.smsize.1size.2size.4size.5text.mdtext.smweight.semibold