Pagination

NB: It's important that you include the %i in the path that gets passed through or provide the name of the URL parameter via the param property.

If not specified otherwise, visible_pages property is set to 5.

= ui_component('pagination', properties: {as_below} ) 
{
  current_page: 5,
  total_results: 50,
  path: "/styleguide/pagination/%i",
  visible_pages: 3,
  classes: "card"
}
= ui_component('pagination', properties: {as_below} ) 
{
  current_page: 2,
  total_results: 50,
  path: "/styleguide/pagination/?foo=bar&baz=qux&page=5",
  param: "page",
  classes: "card"
}
= ui_component('pagination', properties: {as_below} ) 
{
  current_page: 9,
  total_results: 50,
  path: "/styleguide/pagination/?foo=bar&baz=qux&page=5",
  param: "page",
  classes: "card"
}
= ui_component('pagination', properties: {as_below} ) 
{
  current_page: 1,
  total_results: 25,
  path: "/styleguide/pagination/%i",
  classes: "card"
}
= ui_component('pagination', properties: {as_below} ) 
{
  current_page: 5,
  total_results: 25,
  path: "/styleguide/pagination/%i",
  show_detailed: true,
  classes: "card"
}