Design System
Playground Zur Vorlage

Komponenten · AktionInline-CTA

Komponente · 6 Varianten

Inline-CTA

components/InlineCta.astro

CTA-Box im Fließtext: Fond, Kante links, zwischen Haarlinien, eine Zeile, mit Slot-Signal, mit Zitat. Secondary oder Ghost, nie Primary im Artikel.

Notizen

  • Bestand: nichts. Prose ist 65ch, die Box bleibt darin.
  • Keine Primary im Fließ (Button-Regel).

Props

Name Typ Default Notiz
variant "fond" | "kante" | "haarlinie" | "zeile" | "slot" | "zitat" "fond" 01–06.
surface "nacht" | "paper" "nacht" Pflicht-Paar.
<InlineCta variant="fond" surface="nacht" />

01 · Fond

p-8, Secondary

Callout. —

Nacht

Paper

02 · Kante

Kante links, Ghost

Zitat-Block kante. —

Nacht

Paper

03 · Haarlinie

border-y

Zitat-Block im-fluss. —

Nacht

Paper

04 · Zeile

Satz links, Ghost rechts

Service-Card zeile. —

Nacht

Paper

05 · Slot

Signal darüber

CTA-Gruppe slot. —

Nacht

Paper

06 · Zitat

Zitat als Aufhänger

Testimonial-Card kompakt. —

Nacht

Paper