Design System
Playground Zur Vorlage

Komponenten · InhaltCheckliste

Komponente · 6 Varianten

Checkliste

components/Checkliste.astro

Liste mit Haken, Icon, Nummer oder Strich. Zwei Spalten. Dafür/Dagegen mit Haken und Minus, Dagegen gedimmt.

Notizen

  • Bestand: Liste nur in Pricing-Card, nw-ul im Fließtext.
  • Haken und Minus aus dem Icon-Set, wie Vergleich-Zelle.

Props

Name Typ Default Notiz
variant "haken" | "icon" | "nummer" | "strich" | "zwei-spalten" | "gegen" "haken" 01–06.
surface "nacht" | "paper" "nacht" Pflicht-Paar.
<Checkliste variant="haken" surface="nacht" />

01 · Haken

Icon haken 20

Pricing-Card. gap-3.

Nacht

  • Ein Slot, ein Mandat
  • Index vor Ads
  • Kein Account dazwischen
  • Vierzehn Tage

Paper

  • Ein Slot, ein Mandat
  • Index vor Ads
  • Kein Account dazwischen
  • Vierzehn Tage

02 · Icon

Je Punkt ein Werk-Icon

Feature-Grid. Icon 20.

Nacht

  • Ein Slot, ein Mandat
  • Index vor Ads
  • Kein Account dazwischen
  • Vierzehn Tage

Paper

  • Ein Slot, ein Mandat
  • Index vor Ads
  • Kein Account dazwischen
  • Vierzehn Tage

03 · Nummer

01 02 03

Prozess. Mono.

Nacht

  1. 01Ein Slot, ein Mandat
  2. 02Index vor Ads
  3. 03Kein Account dazwischen
  4. 04Vierzehn Tage

Paper

  1. 01Ein Slot, ein Mandat
  2. 02Index vor Ads
  3. 03Kein Account dazwischen
  4. 04Vierzehn Tage

04 · Strich

Kurzer Strich statt Punkt

Haarlinie kurz. 16 px.

Nacht

  • Ein Slot, ein Mandat
  • Index vor Ads
  • Kein Account dazwischen
  • Vierzehn Tage

Paper

  • Ein Slot, ein Mandat
  • Index vor Ads
  • Kein Account dazwischen
  • Vierzehn Tage

05 · Zwei Spalten

sm:grid-cols-2

Pricing. Für lange Listen.

Nacht

  • Ein Slot, ein Mandat
  • Index vor Ads
  • Kein Account dazwischen
  • Vierzehn Tage

Paper

  • Ein Slot, ein Mandat
  • Index vor Ads
  • Kein Account dazwischen
  • Vierzehn Tage

06 · Gegen

Haken und Minus

Vergleich. Minus gedimmt.

Nacht

  • Ein Slot, ein Mandat
  • Index vor Ads
  • Nicht: kein account dazwischen
  • Nicht: vierzehn tage

Paper

  • Ein Slot, ein Mandat
  • Index vor Ads
  • Nicht: kein account dazwischen
  • Nicht: vierzehn tage