Pagination example

Both previous and next with items

How it looks (preview)

How to call this example

<%= render "govuk_publishing_components/components/pagination", {
  previous_page: {
    href: "previous-page"
  },
  next_page: {
    href: "next-page"
  },
  items: [
    {
      number: 1,
      href: "#"
    },
    {
      ellipsis: true
    },
    {
      number: 6,
      href: "#"
    },
    {
      number: 7,
      href: "#",
      current: true
    },
    {
      number: 8,
      href: "#"
    },
    {
      ellipsis: true
    },
    {
      number: 42,
      href: "#"
    }
  ]
} %>