Design System
Playground Zur Vorlage

Komponenten · RückmeldungMeldung

Komponente · 6 Varianten

Meldung

components/Meldung.astro

Alert mit Kante links und Signal-Punkt; vier Stufen nur über den Punkt. Banner über die Breite mit Haarlinie unten, schließbar.

Notizen

  • Bestand: nichts. Callout ist für Prose, Meldung für Zustand.
  • role=alert für Warnung und Fehler, sonst status.

Props

Name Typ Default Notiz
variant "info" | "erfolg" | "warnung" | "fehler" | "banner" | "schliessbar" "info" 01–06.
surface "nacht" | "paper" "nacht" Pflicht-Paar.
<Meldung variant="info" surface="nacht" />

01 · Info

granit-500

Signal. Kante links.

Nacht

Nächster Slot: Oktober.

Paper

Nächster Slot: Oktober.

02 · Erfolg

oliv-500

Signal. —

Nacht

Anfrage gesendet.

Paper

Anfrage gesendet.

03 · Warnung

oliv-300

Signal. role=alert.

Nacht

Paper

04 · Fehler

granit-800

Signal. role=alert.

Nacht

Paper

05 · Banner

Volle Breite, Link

Ankündigung. -mx-6.

Nacht

Werkstatt geschlossen vom 24. bis 31. Dezember. Mehr

Paper

Werkstatt geschlossen vom 24. bis 31. Dezember. Mehr

06 · Schließbar

× rechts

Toast. —

Nacht

Neue Referenz: Lind Bau.

Paper

Neue Referenz: Lind Bau.