Seitennavigation — component.pagination
Blättern durch Seiten (Fenster mit Auslassungen) — navigate mit Seitenzahl als Payload
Componentv1.1.0Navigationweb.documentweb.applicationdesktop.shell
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 |
|---|---|---|
page * | number | — |
pages * | number | — |
hrefPattern | string | "" |
Events & Slots
Events: navigate
Stellschrauben (Komponenten-Tokens)
| 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-primary color.action.primary color.action.secondary color.text.default color.text.muted duration.fast easing.standard focus.ring-color focus.ring-offset focus.ring-width font.family.default radius.control size.1 size.2 size.8 state.disabled-opacity text.sm weight.semibold