Banner (Ankündigungsleiste) — component.banner
Seitenbreite Ankündigungsleiste mit Ton-Varianten, optionalem Link und Schließen-Knopf — geschlossen bleibt sie pro Sitzung zu (storageKey)
Componentv1.0.0Statusweb.documentweb.applicationdesktop.shell
Beispiele
Ankündigung (accent, mit Link + schließbar)
Warnung (nicht schließbar)
Neutral ohne Icon
Unsicherer Link → nur Text
Eigenschaften
| Prop | Typ | Default |
|---|---|---|
text * | string | — |
tone | string: accent | neutral | info | success | warning | danger | "accent" |
linkText | string | "" |
linkHref | string | "" |
dismissible | boolean | true |
storageKey | string | "" |
icon | string | "megaphone" |
Events & Slots
Events: dismiss
Stellschrauben (Komponenten-Tokens)
| Token | Default |
|---|---|
--banner-bg | var(--color-action-primary) |
--banner-fg | var(--color-text-inverse) |
--banner-padding-y | var(--size-2) |
Genutzte Design-Tokens
color.action.primary 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.surface.sunken color.text.default color.text.inverse font.family.default radius.sm size.2 size.3 size.4 size.6 text.sm weight.semibold