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"
}