Exit this page

Exit this page

Open this example in a new tab

Code

Markup

<div class="govuk-exit-this-page" data-module="govuk-exit-this-page">
  <a href="/full-page-examples/announcements" role="button" draggable="false" class="govuk-button govuk-button--warning govuk-exit-this-page__button govuk-js-exit-this-page-button" data-module="govuk-button" rel="nofollow noreferrer">
    <span class="govuk-visually-hidden">Emergency</span> Exit this page
  </a>
</div>

Macro

{% from "govuk/components/exit-this-page/macro.njk" import govukExitThisPage %}

{{ govukExitThisPage({
  redirectUrl: "/full-page-examples/announcements",
  id: null,
  classes: null,
  attributes: {}
}) }}

Exit this page translated

Open this example in a new tab

Code

Markup

<div class="govuk-exit-this-page" data-module="govuk-exit-this-page" data-i18n.activated="Tudalen ymadael" data-i18n.timed-out="Wedi&#39;i amseru" data-i18n.press-two-more-times="Pwyswch &#39;Shift&#39; 2 gwaith arall" data-i18n.press-one-more-time="Pwyswch &#39;Shift&#39; 1 mwy o amser">
  <a href="https://www.bbc.co.uk/weather" role="button" draggable="false" class="govuk-button govuk-button--warning govuk-exit-this-page__button govuk-js-exit-this-page-button" data-module="govuk-button" rel="nofollow noreferrer">
    Gadael y dudalen
  </a>
</div>

Macro

{% from "govuk/components/exit-this-page/macro.njk" import govukExitThisPage %}

{{ govukExitThisPage({
  text: "Gadael y dudalen",
  activatedText: "Tudalen ymadael",
  timedOutText: "Wedi'i amseru",
  pressTwoMoreTimesText: "Pwyswch 'Shift' 2 gwaith arall",
  pressOneMoreTimeText: "Pwyswch 'Shift' 1 mwy o amser"
}) }}