Hinweiskasten — component.callout
Hervorgehobener Hinweis im Fliesstext (Ton aus festem Vorrat: info/success/warning/danger) mit optionalem Titel und Rich-Text-Inhalt
Componentv1.0.0Inhaltweb.documentweb.applicationdesktop.shellemail.client
Beispiele
Info mit Titel
Warnung
Script wird entfernt
Eigenschaften
| Prop | Typ | Default |
|---|---|---|
tone | string: info | success | warning | danger | "info" |
title | string | "" |
html * | string | — |
Stellschrauben (Komponenten-Tokens)
| Token | Default |
|---|---|
--callout-accent | var(--color-status-info) |
--callout-surface | var(--color-status-info-surface) |
Genutzte Design-Tokens
border.emphasis color.status.danger color.status.danger-surface color.status.info color.status.info-surface color.status.success color.status.success-surface color.status.warning color.status.warning-surface color.text.default color.text.link font.family.default font.family.mono leading.base radius.md radius.sm size.1 size.2 size.4 size.5 text.md text.sm weight.semibold