Design System
Playground Zur Vorlage

Komponenten · AktionCTA-Gruppe

Komponente · 6 Varianten

CTA-Gruppe

components/CtaGruppe.astro

v2: Button ohne Schraffur, Wisch bleibt. Primary plus Secondary oder Ghost, quer oder gestapelt, mit Micro-Proof darunter, Slot-Signal darüber, mittig groß.

Notizen

  • Bestand: Cta-Komponente = Slot-Pille + Button; CTA-Sektion dual. Keine freie Gruppe mit Proof-Satz.
  • Eine Primary pro Fläche bleibt.

Props

Name Typ Default Notiz
variant "quer" | "gestapelt" | "primär-ghost" | "micro-proof" | "slot" | "mittig" "quer" 01–06.
surface "nacht" | "paper" "nacht" Pflicht-Paar.
<CtaGruppe variant="quer" surface="nacht" />

01 · Quer

Primary, Secondary

CTA dual. gap-4.

Nacht

Paper

02 · Gestapelt

Untereinander

Mobil. items-start.

Nacht

Paper

03 · Primär Ghost

Ghost mit Pfeil

Button ghost. Leiser.

Nacht

Paper

04 · Micro-Proof

Caption darunter

Anfrage. Kein Retainer.

Nacht

Kein Retainer. Antwort in einem Werktag.

Paper

Kein Retainer. Antwort in einem Werktag.

05 · Slot

Signal darüber

Slot-Pille. Mono xs.

Nacht

1 Projektslot verfügbar

Paper

1 Projektslot verfügbar

06 · Mittig

Large, zentriert, Proof

Hero. size large.

Nacht

Kein Retainer. Antwort in einem Werktag.

Paper

Kein Retainer. Antwort in einem Werktag.