Enercoop Design System

nav.pagination[aria-label="pager" role="pagination"]
  span.page.current 1
  span.page
    = link_to "2", "#"
  span.gap …
  span.next
    = link_to "#" do
      i.ph-arrow-right-bold

nav.pagination[aria-label="pager" role="pagination"]
  span.previous
    = link_to "#" do
      i.ph-arrow-left-bold

  .dropdown-trigger
    a.select.input-small[href="#"]
      | 2020
    .dropdown.dropdown-top
      a href="#" 2022
      a href="#" 2021
      a.active href="#" 2020
      a href="#" 2019

  span.next
    = link_to "#" do
      i.ph-arrow-right-bold
Pagination
