Skip to main content

Exit this page examples

  • # default

    Open this example in a new tab: button
    Emergency Exit this page 
    {
  "redirectUrl": "/full-page-examples/announcements",
  "id": null,
  "classes": null,
  "attributes": {}
}
    
{% from "govuk/components/exit-this-page/macro.njk" import govukExitThisPage %}

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

  • # testing

    Open this example in a new tab: button
    Exit this test 
    {
  "text": "Exit this test",
  "redirectUrl": "https://www.test.co.uk",
  "id": "test-id",
  "classes": "test-class",
  "attributes": {
    "test-attribute": true
  }
}
    
{% from "govuk/components/exit-this-page/macro.njk" import govukExitThisPage %}

{{ govukExitThisPage({
  "text": "Exit this test",
  "redirectUrl": "https://www.test.co.uk",
  "id": "test-id",
  "classes": "test-class",
  "attributes": {
    "test-attribute": true
  }
}) }}

  • # testing-html

    Open this example in a new tab: button
    Exit this test 
    {
  "html": "Exit <em>this</em> test"
}
    
{% from "govuk/components/exit-this-page/macro.njk" import govukExitThisPage %}

{{ govukExitThisPage({
  "html": "Exit <em>this</em> test"
}) }}

  • # translated

    Open this example in a new tab: button
    Gadael y dudalen 
    {
  "text": "Gadael y dudalen",
  "activatedText": "Tudalen ymadael",
  "timedOutText": "Wedi'i amseru",
  "pressTwoMoreTimesText": "Pwyswch 'Shift' 2 gwaith arall",
  "pressOneMoreTimeText": "Pwyswch 'Shift' 1 mwy o amser"
}
    
{% 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"
}) }}