Design System
Playground Zur Vorlage

Sektionen · ContentBlättern

Sektion · 6 Varianten

Blättern

sections/Blaettern.astro

Sektion, die Pagination zentriert in eine eigene container-py-16/24/32-Fläche setzt, für den pagination-Slot der Archiv-Vorlage.

Notizen

  • Setzt Pagination — keine eigene Seiten-Logik, nur die Fläche drumherum.
  • Zentriert per flex justify-center, volle Sektions-Rhythmus-Höhe.

Props

Name Typ Default Notiz
variant "zahlen" | "pfeile" | "kompakt" | "mehr" | "seite-von" | "haarlinie" "zahlen" 01–06.
surface "nacht" | "paper" "nacht" Pflicht-Paar.
<Blaettern variant="zahlen" surface="nacht" />

01

Zahlen · nummerierte Seiten mit aktivem Stand

Pagination. Mobil: horizontal scrollend

Nacht

Paper

02

Pfeile · Zurück/Weiter rahmen die Zahlen

Pagination. Mobil: —

Nacht

Paper

03

Kompakt · Zurück/Weiter mit Stand in der Mitte

Pagination. Mobil: —

Nacht

Paper

04

Mehr laden · ein Button statt Seiten

Pagination. Mobil: volle Breite

Nacht

Paper

05

Seite von · reiner Stand-Text

Pagination. Mobil: —

Nacht

Paper

06

Haarlinie · Zahlen auf einer oberen Linie

Pagination. Mobil: horizontal scrollend

Nacht

Paper