A page navigation control. Shows first/last pages, a configurable number of sibling pages around the current one, and … ellipsis for skipped ranges.
Pass page and update your state in onchange. The page prop is controlled, not bindable. The component handles all range calculation internally.
Page 1 of 10
Control how many pages appear beside the current one with siblings. Increase for more context, decrease for a tighter layout.
siblings=0 — minimal
siblings=1 — default
siblings=2 — wider
Three sizes: normal, compact, small.
Normal
Compact
Small