Design System
Playground Zur Vorlage

Komponenten · KartenPricing-Card

Komponente · 2 Varianten

Pricing-Card

components/PricingCard.astro

Name, Preis in Proof, Intervall, Liste, CTA. 02 Highlight, 03 Zellen. 01 und 04–06 nicht aufgenommen. Nacht und Paper.

Props

Name Typ Default Notiz
variant "highlight" | "zellen" "highlight" 02, 03. 01 und 04–06 nicht aufgenommen.
surface "nacht" | "paper" "nacht" Pflicht-Paar.
name string? —
price string? —
interval string? —
features string[]? —
cta string? —
href string? —
<PricingCard variant="highlight" surface="nacht" />
<PricingCard variant="zellen" surface="paper" />

02 · Highlight

Anderer Fond, Primary

Paper in Nacht, Nacht in Paper.

Nacht

Mandat

4.800 € / Monat

  • Ein Slot
  • Eine Stimme
  • Vierzehn Tage Takt
  • Direkter Draht
Slot anfragen

Paper

Mandat

4.800 € / Monat

  • Ein Slot
  • Eine Stimme
  • Vierzehn Tage Takt
  • Direkter Draht
Slot anfragen

03 · Zellen

Haarlinie, min-h-80

Secondary. Luft zwischen Preis und Liste.

Nacht

Mandat

4.800 € / Monat

  • Ein Slot
  • Eine Stimme
  • Vierzehn Tage Takt
  • Direkter Draht
Slot anfragen

Paper

Mandat

4.800 € / Monat

  • Ein Slot
  • Eine Stimme
  • Vierzehn Tage Takt
  • Direkter Draht
Slot anfragen