Sektion · 6 Varianten
Filter-Zeile
sections/FilterZeile.astro
Sektion, die FilterLeiste in eine eigene Fläche mit container-py-6-Zeile setzt, für Archiv-Vorlagen (sticky unter dem Header).
Notizen
- Setzt FilterLeiste — keine eigene Filter-Logik, nur die Fläche drumherum.
- Variante sticky legt sticky top-16 z-10 auf die Sektion, zusätzlich zur Surface-Fläche.
- Nur ohne TOC sticky einsetzen, siehe Layout-Regel Filter-Leiste top-16.
Props
| Name | Typ | Default | Notiz |
|---|---|---|---|
| variant | "chips" | "select" | "reset" | "zaehler" | "sticky" | "zwei-zeilen" | "chips" | 01–06. |
| surface | "nacht" | "paper" | "nacht" | Pflicht-Paar. |
<FilterZeile variant="chips" surface="nacht" />01
Chips · Tag-Reihe mit aktiver Auswahl
Filter-Leiste. Mobil: scrollende Chips
Nacht
Paper
02
Select · Sortierung als Dropdown
Filter-Leiste. Mobil: volle Breite
Nacht
Paper
03
Reset · Chips plus Zurücksetzen-Link
Filter-Leiste. Mobil: Link bricht um
Nacht
Paper
04
Zähler · Chips mit Trefferzahl
Filter-Leiste. Mobil: scrollende Chips
Nacht
Paper
05
Sticky · Zeile bleibt unter dem Header stehen
Filter-Leiste. Mobil: sticky top-16, deckende Fläche
Nacht
Paper
06
Zwei Zeilen · Select, Reset und Chips gestapelt
Filter-Leiste. Mobil: Select bricht in eigene Zeile
Nacht
Paper