Ankündigungs-Pille — ui.announcement
Pill-Banner über einer Überschrift (Beispiel: Neu · Version 2 ist da): Markierung links, Text, optionaler Pfeil — als Link oder statisch
UI Elementv1.0.1Inhaltweb.documentweb.applicationemail.clientbuilder.preview
Beispiele
Als Link mit Pfeil
NeuVersion 2 ist da — alle Neuerungen ansehenAkzent-Ton, statisch
BetaAgenten-Chat jetzt testenEigenschaften
| Prop | Typ | Default |
|---|---|---|
tag | string | "Neu" |
text * | string | — |
href | string | "" |
tone | string: primary | accent | neutral | "primary" |
arrow | boolean | true |
Stellschrauben (Komponenten-Tokens)
| Token | Default |
|---|---|
--announcement-tone | var(--color-action-primary) |
Genutzte Design-Tokens
border.hairline color.accent color.action.on-primary color.action.primary color.text.default color.text.muted font.family.default radius.full size.1 size.2 size.3 text.sm text.xs weight.semibold