This is an internal development app.
To learn how to use the GOV.UK Design System in your project, see Get started.

Feature flags

Feature flag control

This is an experimental feature for turning the 'rebrand' feature flag on and off only.

Show all flag states

Skip to main content

Exit this page

Exit this page

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

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"
}) }}