GOVUK Phase banner

An example of the govuk phase banner component.

Open example in new window

HTML

<div class="govuk-phase-banner">
  <p class="govuk-phase-banner__content">
    <strong class="govuk-tag govuk-phase-banner__content__tag">
      alpha
    </strong>
    <span class="govuk-phase-banner__text">
      This is a new service – your <a class="govuk-link" href="#">feedback</a> will help us to improve it.
    </span>
  </p>
</div>

Jinja

{% from "govuk_frontend_jinja/components/phase-banner/macro.html" import govukPhaseBanner -%}
{{ govukPhaseBanner({
    "tag": {
      "text": "alpha"
    },
    "html": 'This is a new service – your <a class="govuk-link" href="#">feedback</a> will help us to improve it.'
}) }}

---

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