Call-to-Action
Aufruf-Banner mit Titel, Text und Button-Slot — brand- oder neutral-getönt, mobil kompakt
Beispiele
Brand-Banner
Bereit für den Umstieg?
14 Tage kostenlos testen — keine Kreditkarte nötig.
Neutral
Newsletter abonnieren
Produkt-Updates, maximal einmal im Monat.
Eigenschaften
| Prop | Typ | Default | Builder-Label |
|---|---|---|---|
| title * | string | — | Titel |
| text | string | "" | Text |
| tone | string: brand | neutral | "brand" | Ton |
| spacing | string: none | sm | md | lg | xl | "md" | Eigenabstand |
* Pflicht-Prop
Events & Slots
Slot actions:
akzeptiert ui.button, layout.cluster
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 |
|---|---|
--cta-background | var(--color-action-primary) |
--cta-title | var(--color-action-on-primary) |
--cta-text | var(--color-action-on-primary) |
Genutzte Design-Tokens
color.action.on-primarycolor.action.primarycolor.surface.sunkencolor.text.defaultcolor.text.mutedcontainer.mdfont.family.defaultleading.baseleading.tightopacity.mutedradius.surfacesize.12size.4size.6size.8text.mdtext.xlweight.bold