Skip to main content
Component Pad – Experimental – output can be wrong
GOV.UK Frontend

Phase banner

Component guide

Example

Alpha This is a new service. Help us improve it and give your feedback by email.

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. Help us improve it and <a class="govuk-link" href="#">give your feedback by email</a>.
    </span>
  </p>
</div>
Nunjucks 

{{ govukPhaseBanner({
  "tag": {
    "text": "Alpha"
  },
  "html": "This is a new service. Help us improve it and <a class=\"govuk-link\" href=\"#\">give your feedback by email</a>."
}) }}