Pager

@spartanfx/react v1.1.0

---

@spartanfx/react / index / Pager

Variable: Pager

const Pager: React.FunctionComponent<IPagerProps>;

A modern, accessible pagination component for displaying items in pages.

Features:

• Multiple layout configurations
• Keyboard navigation (arrow keys)
• Visual progress indicator
• Accessible ARIA labels
• Responsive design
• Light and dark appearance modes

Template

T

Type of items being paginated

Example

<Pager
  items={myItems}
  numberOfItemsPerPage={10}
  layout="full"
>
  {(pageItems) => (
    <ul>
      {pageItems.map(item => <li key={item.id}>{item.name}</li>)}
    </ul>
  )}
</Pager>