Pagination

Links to the pages around this one, for anything that pages like Pagy: arrows either side, the first and last pages, and a window around the current one. On a phone the numbers give way to "6 of 12". It's what a table draws under itself.

Numbered pages

window: is the pages either side of the current one. A gap stands in for the pages skipped.

<div class="grid gap-6">
  <%= pagination @pager %>
  <%= pagination Unmagic::Components::Browser::Pager.new(nil, 2, 1, 12), window: 1 %>
</div>

Arrows only

A pager that only knows previous and next gets the arrows alone.

<%= pagination Unmagic::Components::Browser::Pager.new(1, 3) %>