Design System
Playground Zur Vorlage

Komponenten · RückmeldungLeerzustand

Komponente · 6 Varianten

Leerzustand

components/Leerzustand.astro

Leere Liste oder Suche: Satz, optional Icon leere, CTA. Gestrichelter Rahmen oder Fond, als Zeile in Tabellen.

Notizen

  • Bestand: nichts. Icon leere existiert im Werk-Set.
  • Keine Illustration; das Icon-Set ist die Illustration.

Props

Name Typ Default Notiz
variant "text" | "icon" | "cta" | "fond" | "zeile" | "suche" "text" 01–06.
surface "nacht" | "paper" "nacht" Pflicht-Paar.
<Leerzustand variant="text" surface="nacht" />

01 · Text

H3 und Caption

Anfrage. Gestrichelt.

Nacht

Noch keine Referenzen.

Der erste Slot ist noch offen.

Paper

Noch keine Referenzen.

Der erste Slot ist noch offen.

02 · Icon

leere 64 darüber

Icon. —

Nacht

Noch keine Referenzen.

Der erste Slot ist noch offen.

Paper

Noch keine Referenzen.

Der erste Slot ist noch offen.

03 · CTA

Secondary darunter

CTA. —

Nacht

Noch keine Referenzen.

Der erste Slot ist noch offen.

Slot anfragen

Paper

Noch keine Referenzen.

Der erste Slot ist noch offen.

Slot anfragen

04 · Fond

Im Fond statt gestrichelt

Karten. —

Nacht

Noch keine Referenzen.

Der erste Slot ist noch offen.

Slot anfragen

Paper

Noch keine Referenzen.

Der erste Slot ist noch offen.

Slot anfragen

05 · Zeile

In Tabellen und Listen

Tabelle. Haarlinien.

Nacht

Noch keine Referenzen.

Slot anfragen

Paper

Noch keine Referenzen.

Slot anfragen

06 · Suche

Nichts gefunden, Reset

Suchfeld leer. Ghost.

Nacht

Nichts gefunden für „Index“.

Anders schreiben oder Filter zurücksetzen.

Paper

Nichts gefunden für „Index“.

Anders schreiben oder Filter zurücksetzen.