Pagination example

With custom aria label for element

How it looks (preview)

How to call this example

<%= render "components/pagination", {
  aria_label: "Search results with aria labels",
  previous_href: "/page/1.1",
  next_href: "/page/3.1",
  items: [
    {
      href: "/page/1.1",
      aria_label: "Page 1.1"
    },
    {
      href: "/page/2.1",
      current: true,
      aria_label: "Page 2.1"
    },
    {
      href: "/page/3.1",
      aria_label: "Page 3.1"
    }
  ]
} %>