Komponente · 6 Varianten
Filter-Leiste
components/FilterLeiste.astro
Tags als Filter-Chips (Bestand), Select für Sortierung, Reset rechts, Zähler im Chip, sticky oben, zwei Zeilen.
Notizen
- Bestand: Tag mit href und active. Keine Leiste.
- Tag bleibt Element; die Leiste ist Komposition.
Props
| Name | Typ | Default | Notiz |
|---|---|---|---|
| variant | "chips" | "select" | "reset" | "zaehler" | "sticky" | "zwei-zeilen" | "chips" | 01–06. |
| surface | "nacht" | "paper" | "nacht" | Pflicht-Paar. |
<FilterLeiste variant="chips" surface="nacht" />01 · Chips
Vier Tags, eins aktiv
Tag active. Basis.
Nacht
Paper
02 · Select
Sortierung nativ
Feld. Mono xs.
Nacht
Paper
03 · Reset
Zurücksetzen rechts
Anfrage. gedimmt.
Nacht
Paper
04 · Zähler
Zahl im Tag
Seitennav blog. —
Nacht
Paper
05 · Sticky
Klebt unter dem Header
Ebenen. z 10, Fond in Fläche.
Nacht
Paper
06 · Zwei Zeilen
Chips oben, Select und Reset unten
Referenzen. basis-full.
Nacht
Paper