1. Collections Component Guide
  2. Previous and next navigation
  3. Both previous and next
Previous and next navigation example

Both previous and next

How it looks (preview)

How to call this example

<%= render "govuk_publishing_components/components/previous_and_next_navigation", {
  previous_page: {
    url: "previous-page",
    title: "Previous page",
    label: "1 of 3"
  },
  next_page: {
    url: "next-page",
    title: "Next page",
    label: "3 of 3"
  }
} %>