Skip to content

role navigation

Pagination draft v0.1.0

Lets people move between the pages of a long list, with the current page marked.

A pagination splits a long list of results into pages and lets people go to a page by its number, or to the previous and next ones. It shows which page is current. The pages are links: each one has a destination, so the browser handles history and focus. Which page numbers to show (all, a window around the current one) is the application's choice: the component renders the list it is given.

Examples

  • size="medium"
  • previous="#"
  • next="#"
  • pages=[{"label":"1","href":"#"},{"label":"2","href":"#"},{"label":"3","current":true},{"label":"4","href":"#"},{"label":"5","href":"#"}]
Open in playground