GOVUK Panel

An example of the govuk panel component.

Open example in new window

HTML

<div class="govuk-panel govuk-panel--confirmation">
  <h1 class="govuk-panel__title">
    Application complete
  </h1>

  <div class="govuk-panel__body">
    Your reference number<br><strong>HDJ2123F</strong>
  </div>

</div>

Jinja

{% from "govuk_frontend_jinja/components/panel/macro.html" import govukPanel -%}
{{ govukPanel({
    "titleText": "Application complete",
    "html": "Your reference number<br><strong>HDJ2123F</strong>"
}) }}

---

Help improve this page

If you’ve got a question, idea or suggestion share it with the digital land team on github or email us on digitalland@communities.gov.uk