Getting StartedInstallation and setup guides 5
LayoutWorkflow and structural layout components 7
OverlayModal and floating layer surfaces 3
FeedbackStatus, empty, progress, and loading placeholder patterns 5
FormInput and selection components 17
UtilityGeneral-purpose interface utilities 7
NavigationMenu surfaces and hierarchical actions 7

Pagination overview

The styled paginator wraps the headless pagination contract with range text, movement controls, numbered page buttons, and page-size selection.

Basic usage

A styled paginator with controlled page index and page size.

Paginator (Plain CSS)

Accessibility baseline

  • Provide a clear ariaLabel for the pagination landmark.
  • Current page buttons expose aria-current="page".
  • Disabled movement buttons stay non-interactive at page boundaries.