Sektion · 6 Varianten
Mobil-Menü
sections/MobilMenue.astro
v2: Menü-Button, sechs Streifen fahren gestaffelt ein, dann faden die Punkte gestaffelt. Drawer oder Vollbild, Akkordeon per details, CTA im Fuß, Meta-Zeile. Opak, Haarlinien, kein Schleier.
Notizen
- Bestand Header: Alpine x-show, flache Liste, kein CTA.
- Liberate mobile: Vollbild, große Wörter. details/summary statt JS für Unterpunkte.
Props
| Name | Typ | Default | Notiz |
|---|---|---|---|
| variant | "drawer" | "voll" | "akkordeon" | "cta" | "kompakt" | "meta" | "drawer" | 01–06. |
| surface | "nacht" | "paper" | "nacht" | Pflicht-Paar. |
<MobilMenue variant="drawer" surface="nacht" />01 · Drawer
320 px rechts
Header. Liste in Haarlinien-Rahmen.
Nacht
Paper
02 · Vollbild
H2-Wörter, CTA unten
Liberate. gap-6, Slot-Hinweis.
Nacht
Paper
03 · Akkordeon
Unterpunkte per details
Sidebar. Plus dreht zu Kreuz.
Nacht
Paper
04 · CTA
Primary im Fuß
CTA-Sektion. Eine Primary.
Nacht
Paper
05 · Kompakt
Base-Größe, enger
Docs. gap-2.
Nacht
Paper
06 · Meta
Sprache und Mail im Fuß
Footer. Haarlinie oben.
Nacht
Paper