Pagination
Previous, next and the current page out of a total.
Group: Navigation · Kind: macro
Preview
Section titled “Preview”example
Platforms
Section titled “Platforms”The same specimen painted by React, SwiftUI, Compose and gpui.
| Prop | Type | Required | Bindable | Description |
|---|---|---|---|---|
totalPages |
number |
yes | – | How many pages there are. |
page |
number |
– | yes | The current 1-based page; bind it. Default 1. |
Events
Section titled “Events”on.change: runs an action
None.
Children
Section titled “Children”none
A2UI basic mapping
Section titled “A2UI basic mapping”No basic catalog component maps here.
Built from
Section titled “Built from”Accessibility
Section titled “Accessibility”Role: navigation
navigation of two buttons and a status. Labelled pagination; previous/next buttons and a status labelled pageOf ($a11y).
| Keys | Action |
|---|---|
| – | Enter, Space on previous/next |
Theming
Section titled “Theming”Recipe parts: Pagination/root Pagination/prev Pagination/label Pagination/next
Keyed by: :hover :pressed :focus :disabled :checked :open :selected :invalid :dragover
Related
Section titled “Related”Button · Text · Tabs · Segmented · Accordion · Collapsible · Breadcrumb · Outline