<commit_before># Phase Banner

## Nunjucks

[Import](https://mozilla.github.io/nunjucks/templating.html#import) the components template and bind all of its exported values to a variable so that we can use it:

```nunjucks
{% raw %}
  {% import "components.njk" as govuk %}
{% endraw %}
```

Call **phaseBanner** like a normal function, set values for arguments `'phase', 'message', 'messageHtml'` to alter its content.

### Phase banner

```nunjucks
{% raw %}
{{ govuk.phaseBanner(
  "Beta",
  message="This service is in Beta – your feedback will help us to improve it."
) }}
{% endraw %}
```


### Phase banner with HTML in the message

```nunjucks
{% raw %}
{{ govuk.phaseBanner(
  "Beta",
  messageHtml='This service is new – your <a href="#">feedback</a> will help us to improve it.'
) }}
{% endraw %}
```

## About this component

Copied from [GOV.UK Elements](http://govuk-elements.herokuapp.com/alpha-beta-banners/).

You have to use an alpha banner if your thing is in alpha, and a beta banner if it’s in beta.<commit_msg>Update the readme for the phase banner component<commit_after>You have to use an alpha banner if your thing is in alpha, and a beta banner if it’s in beta.

## Alpha banner

{{ '@phase-banner'|preview(100) }}
{'fraction_non_alphanumeric': 0.13720742534301855, 'fraction_numerical': 0.002421307506053269, 'mean_word_length': 4.276595744680851, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 5, 'https://': 1, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6255238', 'n_tokens_mistral': 430, 'n_tokens_neox': 392, 'n_words': 153}