Phase banner component to shows users your service is still being worked on.

Example

---

Macro - with tag

{{ phaseBanner({
    tag: "Alpha",
    description: 'This is a new service – your <a class="nhsuk-link" href="https://forms.office.com/Pages/ResponsePage.aspx?id=K5Gn_5ewMUGcD9DoB1Wyq62_imvDlFpPhawBoObID1NUQTNENlpXMlNZVjJBS0JCUVVLUlQxSkJVUyQlQCN0PWcu" target="_blank" title="Opens in New Window">feedback</a> will help us to improve it.'
}) }}

---

HTML - with tag

<div class="hee-phasebanner">
    <div class="nhsuk-width-container">
      <div class="hee-phasebanner__wrapper">
        <span class="hee-phasebanner__tag"> Alpha </span>
        <div class="hee-phasebanner__content">
          <p>This is a new service – your <a href="https://forms.office.com/Pages/ResponsePage.aspx?id=K5Gn_5ewMUGcD9DoB1Wyq62_imvDlFpPhawBoObID1NUQTNENlpXMlNZVjJBS0JCUVVLUlQxSkJVUyQlQCN0PWcu" target="_blank" title="Opens in New Window">feedback</a> will help us to improve it.</p>
        </div>
      </div>
    </div>
</div>

---

Macro - without tag

{{ phaseBanner({
      tag: "",
      description: 'This is a new service – your <a class="nhsuk-link" href="https://forms.office.com/Pages/ResponsePage.aspx?id=K5Gn_5ewMUGcD9DoB1Wyq62_imvDlFpPhawBoObID1NUQTNENlpXMlNZVjJBS0JCUVVLUlQxSkJVUyQlQCN0PWcu" target="_blank" title="Opens in New Window">feedback</a> will help us to improve it.'
}) }}

---

HTML - without tag

<div class="hee-phasebanner hee-phasebanner--notag">
    <div class="nhsuk-width-container">
      <div class="hee-phasebanner__wrapper">
        <span class="hee-phasebanner__tag">
        </span>
        <div class="hee-phasebanner__content">
          <p>This is a new service – your <a class="nhsuk-link" href="https://forms.office.com/Pages/ResponsePage.aspx?id=K5Gn_5ewMUGcD9DoB1Wyq62_imvDlFpPhawBoObID1NUQTNENlpXMlNZVjJBS0JCUVVLUlQxSkJVUyQlQCN0PWcu" target="_blank" title="Opens in New Window">feedback</a> will help us to improve it.</p>
        </div>
      </div>
    </div>
</div>