Design System
Playground Zur Vorlage

Sektionen · RahmenCookie-Layer

Sektion · 6 Varianten

Cookie-Layer

sections/CookieLayer.astro

Cookie-Consent im Rahmen: Leiste, Karte, Detail, Einstellungen, Wieder-öffnen-Knopf, minimal. Entscheidung merkt sich (localStorage), Layer gleitet in 300 ms weg.

Notizen

  • Cookie-Consent (Sektion) trägt die Fläche; hier Verhalten und Wiederöffnen.
  • Rechtstext Platzhalter. Ablehnen gleichwertig.

Props

Name Typ Default Notiz
variant "leiste" | "karte" | "detail" | "einstellungen" | "wieder-oeffnen" | "minimal" "leiste" 01–06.
surface "nacht" | "paper" "nacht" Pflicht-Paar.
<CookieLayer variant="leiste" surface="nacht" />

01 · Leiste

Unten, volle Breite

Cookie-Consent unten. —

Nacht

Seite …

Paper

Seite …

02 · Karte

Ecke

Cookie-Consent ecke. —

Nacht

Seite …

Paper

Seite …

03 · Detail

Kategorien

Cookie-Consent detail. —

Nacht

Seite …

Paper

Seite …

04 · Einstellungen

Auswahl speichern

Cookie-Consent einstellungen. —

Nacht

Seite …

Paper

Seite …

05 · Wieder öffnen

Knopf holt den Layer

Footer. localStorage.

Nacht

Seite …

Paper

Seite …

06 · Minimal

Nur notwendige

Cookie-Consent nur-notwendig. —

Nacht

Seite …

Paper

Seite …