Call-to-Action — section.cta
Aufruf-Banner mit Titel, Text und Button-Slot — brand- oder neutral-getönt, mobil kompakt
Blockv1.1.1Konversionweb.documentbuilder.preview
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 |
|---|---|---|
title * | string | — |
text | string | "" |
tone | string: brand | neutral | "brand" |
spacing | string: none | sm | md | lg | xl | "md" |
Events & Slots
Slot actions: akzeptiert ui.button, layout.cluster · Pflicht · max 3
Stellschrauben (Komponenten-Tokens)
| 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-primary color.action.primary color.surface.sunken color.text.default color.text.muted container.md font.family.default leading.base leading.tight opacity.muted radius.surface size.12 size.4 size.6 size.8 text.md text.xl weight.bold