Phase banner

Phase banner

(open in a new window)

Code

Markup

<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 href="#" class="govuk-link">feedback</a> will help us to improve it.
    </span>
  </p>
</div>

Macro

{% from "phase-banner/macro.njk" import govukPhaseBanner %}

{{ govukPhaseBanner({
  "tag": {
    "text": "alpha"
  },
  "html": "This is a new service - your <a href=\"#\" class=\"govuk-link\">feedback</a> will help us to improve it."
}) }}