Seitennavigation
Blättern durch Seiten (Fenster mit Auslassungen) — navigate mit Seitenzahl als Payload
Nutzt: ui.icon
Beispiele
Seite 5 von 20 (mit Auslassungen)
Erste Seite (Zurück deaktiviert)
Letzte Seite (Weiter deaktiviert)
Server-Links (hrefPattern — blättert ohne JS)
Eigenschaften
| Prop | Typ | Default | Builder-Label |
|---|---|---|---|
| page * | number | — | Aktuelle Seite |
| pages * | number | — | Seiten gesamt |
| hrefPattern | string | "" | Link-Muster ({page} wird ersetzt — leer = Buttons/Events) |
* Pflicht-Prop
Events & Slots
Events:
⚡ navigate — im Surface per on: {<event>: {action, params}} verdrahtbar.
Stellschrauben (Komponenten-Tokens)
Ebene 3 — aus dem CSS generiert (Registry). Umverdrahtbar per Hüllen-Komposition, ohne Markup-Eingriff; künftige Regler-Quelle des Component Builders.
| Token | Default |
|---|---|
--pagination-action-on-primary | var(--color-action-on-primary) |
--pagination-action-primary | var(--color-action-primary) |
--pagination-action-secondary | var(--color-action-secondary) |
--pagination-focus-ring-color | var(--focus-ring-color) |
--pagination-focus-ring-offset | var(--focus-ring-offset) |
--pagination-focus-ring-width | var(--focus-ring-width) |
--pagination-radius-control | var(--radius-control) |
--pagination-text-default | var(--color-text-default) |
--pagination-text-muted | var(--color-text-muted) |
Genutzte Design-Tokens
color.action.on-primarycolor.action.primarycolor.action.secondarycolor.text.defaultcolor.text.mutedduration.fasteasing.standardfocus.ring-colorfocus.ring-offsetfocus.ring-widthfont.family.defaultradius.controlsize.1size.2size.8state.disabled-opacitytext.smweight.semibold