Pagination example

With ellipses items

How it looks (preview)

How to call this example

<%= render "components/pagination", {
  previous_href: "/page/1",
  next_href: "/page/3",
  items: [
    {
      label: 1,
      href: "/page/1"
    },
    {
      ellipses: true
    },
    {
      label: 20,
      href: "/page/20"
    },
    {
      label: 21,
      href: "/page/21",
      current: true
    },
    {
      label: 22,
      href: "/page/22"
    },
    {
      ellipses: true
    },
    {
      label: 100,
      href: "/page/100"
    }
  ]
} %>