Sektion · 6 Varianten
Menü-Panel
sections/MenuePanel.astro
Panel unter dem Header: Spalten mit Label, Links mit Icon und Beschreibung, Featured-Karte als Fond. Opak, Haarlinie unten, kein Schatten.
Notizen
- Bestand: kein Dropdown. Header hat flache Links.
- Shadcnblocks navbar mega menus: Anordnung Spalten + Featured gelesen. Liberate: Panel als Fläche, nicht schwebend.
Props
| Name | Typ | Default | Notiz |
|---|---|---|---|
| variant | "spalten" | "icons" | "beschreibung" | "featured" | "schmal" | "voll" | "spalten" | 01–06. |
| surface | "nacht" | "paper" | "nacht" | Pflicht-Paar. |
<MenuePanel variant="spalten" surface="nacht" />01 · Spalten
Zwei Spalten, nur Wörter
Header. Label, Links, Hover Unterstrich.
Nacht
Paper
02 · Icons
Icon 24 vor dem Wort
Icon-Feld. Haarlinien-Icons.
Nacht
Paper
03 · Beschreibung
Wort und Caption
Shadcnblocks. Caption gedimmt.
Nacht
Paper
04 · Featured
Karte rechts im Fond
CTA. Slot-Hinweis, Ghost-Link.
Nacht
Slot
Ein Auftrag zur Zeit. Nächster Slot Oktober.
Paper
Slot
Ein Auftrag zur Zeit. Nächster Slot Oktober.
05 · Schmal
Eine Spalte, 448 px
Dropdown. Für einzelne Nav-Links.
Nacht
Paper
06 · Voll
Volle Breite, Beschreibung
Mega-Menü. px-6 statt Container.
Nacht
Paper