Pagination

Page navigation with numbered page buttons and pluralized page and item labels, calling a callback when a page is selected

Live preview

Open in new tab ↗
  • responsive
  • easy usage

Configuration:

  • pages {String} pluralization for pages, e.g. zero, # one, # two-three-four, # others
  • items {String} pluralization for items e.g. # zero, # one, # two-three-four, # others
  • max {Number} shows a maximum count of pages (default: 8)
  • exec {String} link to function
  • NEW: nopages {Boolean} can hide pagination if the pages are less than 2 (default: false)

Important:

The component caches values: pages and count.

More UI components

Browse all 348