Edifiko
Edifiko UIComponent Catalog
  • Overview
  • Base
  • Shared
Modules
  • Home
  • Users
  • Suppliers
  • Auth
  • Categories
  • Material Catalog
  • Configuration
  • Works
  1. Component Catalog
  3. Base
  5. Pagination
Base/Pagination

Pagination

Navigation controls for paginated content. Uses aria-current=page on the active page for accessibility.

Simple

Previous, numbered pages, and next.

  • 1
  • 2
  • 3
  • 4
  • 5

With Ellipsis

Collapse page numbers when the range is large.

  • 1
  • More pages
  • 8
  • 9
  • 10
  • More pages
  • 24

Controlled

Click a page to select it. Active page updates state.

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8

Page 3 of 8