Design System
Playground Zur Vorlage

Sektionen · RahmenCookie-Consent

Sektion · 6 Varianten

Cookie-Consent

sections/CookieConsent.astro

Leiste unten oder Karte in der Ecke, opak mit Haarlinie. Kompakt oder mit drei Kategorien; Ablehnen gleichwertig sichtbar als Ghost.

Notizen

  • Bestand: nichts. Rechtstext ist Platzhalter, Kategorien beispielhaft.
  • Kein Schleier über der Seite; Leiste liegt auf z 60.

Props

Name Typ Default Notiz
variant "kompakt" | "detail" | "unten" | "ecke" | "nur-notwendig" | "einstellungen" "kompakt" 01–06.
surface "nacht" | "paper" "nacht" Pflicht-Paar.
<CookieConsent variant="kompakt" surface="nacht" />

01 · Kompakt

Satz, Ablehnen, Akzeptieren

Anfrage. Eine Zeile lg.

Nacht

Paper

02 · Detail

Drei Kategorien mit Wahl

Wahl checkbox. Notwendig gesperrt.

Nacht

Paper

03 · Unten

Ohne Seitenkanten

Ankündigung. border-x-0.

Nacht

Paper

04 · Ecke

max-w-sm unten rechts

Toast. —

Nacht

Paper

05 · Nur notwendig

Wort statt Ablehnen

Anfrage. —

Nacht

Paper

06 · Einstellungen

Auswahl speichern

02. Ghost + Primary.

Nacht

Paper