Design System
Playground Zur Vorlage

Sektionen · RahmenAnnouncement-Bar v2

Sektion · 6 Varianten

Announcement-Bar v2

sections/AnnouncementBar.astro

Ankündigung im Rahmen: über oder unter dem Header, Countdown zum Slot, schließbar mit Merken (localStorage), Slot-Signal, Laufschrift. Schließen klappt in 300 ms ein.

Notizen

  • Ankündigung (Sektion) trägt die Zeile; hier Position und Verhalten.
  • Countdown als Mono-Text, minütlich. Merken nur bei expliziter Variante.

Props

Name Typ Default Notiz
variant "ueber-header" | "unter-header" | "countdown" | "merken" | "slot" | "lauf" "ueber-header" 01–06.
surface "nacht" | "paper" "nacht" Pflicht-Paar.
<AnnouncementBar variant="ueber-header" surface="nacht" />

01 · Über Header

Zeile mit Link, dann Header

banner1. —

Nacht

Werkstatt geschlossen vom 24. bis 31. Dezember. Mehr
Navigation …

Seite …

Paper

Werkstatt geschlossen vom 24. bis 31. Dezember. Mehr
Navigation …

Seite …

02 · Unter Header

Header, dann Zeile

Anfrage. —

Nacht

Navigation …
Werkstatt geschlossen vom 24. bis 31. Dezember.

Seite …

Paper

Navigation …
Werkstatt geschlossen vom 24. bis 31. Dezember.

Seite …

03 · Countdown

Tage und Stunden

Anfrage. data-until.

Nacht

Nächster Slot startet in—Anfragen
Navigation …

Seite …

Paper

Nächster Slot startet in—Anfragen
Navigation …

Seite …

04 · Merken

× merkt sich

banner10. localStorage.

Nacht

Werkstatt geschlossen vom 24. bis 31. Dezember.
Navigation …

Seite …

Paper

Werkstatt geschlossen vom 24. bis 31. Dezember.
Navigation …

Seite …

05 · Slot

Signal, Anfragen

Ankündigung slot. —

Nacht

1 Projektslot verfügbar · Oktober Anfragen
Navigation …

Seite …

Paper

1 Projektslot verfügbar · Oktober Anfragen
Navigation …

Seite …

06 · Lauf

Marquee

Ankündigung lauf. —

Nacht

Werkstatt geschlossen vom 24. bis 31. Dezember.
Navigation …

Seite …

Paper

Werkstatt geschlossen vom 24. bis 31. Dezember.
Navigation …

Seite …