Komponente · 6 Varianten
Pagination
components/Pagination.astro
Seitenzahlen in Mono, aktive Seite invers, Pfeile als Zeichen. Kompakt mit Zurück/Weiter, Mehr laden, Haarlinie-Register.
Notizen
- Bestand: Docs-Pager mit Zurück/Weiter, kein Zahlen-Pager.
- Zahlen sind Proof-Sprache: Mono. Keine Pillen, kein Fond außer der aktiven Zelle.
Props
| Name | Typ | Default | Notiz |
|---|---|---|---|
| variant | "zahlen" | "pfeile" | "kompakt" | "mehr" | "seite-von" | "haarlinie" | "zahlen" | 01–06. |
| surface | "nacht" | "paper" | "nacht" | Pflicht-Paar. |
<Pagination variant="zahlen" surface="nacht" />01 · Zahlen
1 2 3 … 8
Blog. Aktiv invers.
Nacht
Paper
02 · Pfeile
← 1 2 3 →
Shadcnblocks pagination. Pfeile mit Haarlinie.
Nacht
Paper
03 · Kompakt
Zurück · 2 / 8 · Weiter
Docs-Pager. Für Artikel.
Nacht
Paper
04 · Mehr
Ein Button
Referenzen. Secondary-Optik.
Nacht
Paper
05 · Seite von
Nur Label
Tabellen. Kein Link.
Nacht
Paper
06 · Haarlinie
Register oben
Nav-Link leiste. Kante markiert.
Nacht
Paper