@x-govuk/govuk-prototype-components/src/govuk-prototype-kit/templates/related-navigation.html

Common and experimental components that are not yet part of the GOV.UK Design System

{% extends "layouts/main.html" %}

{% block pageTitle %}
  Related navigation page template – {{ serviceName }} – GOV.UK Prototype Components
{% endblock %}

{% block beforeContent %}
  {{ govukBackLink({
    href: "javascript:window.history.back()"
  }) }}
{% endblock %}

{% block content %}
  <div class="govuk-grid-row">
    <div class="govuk-grid-column-two-thirds">
      <h1 class="govuk-heading-l">
        Heading goes here
      </h1>

      <p>Content goes here.</p>
    </div>

    <div class="govuk-grid-column-one-third">
      {{ xGovukRelatedNavigation({
        sections: [{
          items: [{
            text: "Related link",
            href: "#"
          }, {
            text: "Related link",
            href: "#"
          }],
          subsections: [{
            title: "Subsection",
            items: [{
              text: "Related link",
              href: "#"
            }]
          }]
        }]
      }) }}
    </div>
  </div>
{% endblock %}