Hint

Hint

(open in a new window)

Code

Markup

<span class="govuk-hint">
  It’s on your National Insurance card, benefit letter, payslip or P60.
For example, ‘QQ 12 34 56 C’.

</span>

Macro

{% from "hint/macro.njk" import govukHint %}

{{ govukHint({
  "text": "It’s on your National Insurance card, benefit letter, payslip or P60.\nFor example, ‘QQ 12 34 56 C’.\n"
}) }}

Hint with html

(open in a new window)

Code

Markup

<span class="govuk-hint">
  It’s on your National Insurance card, benefit letter, payslip or <a class="govuk-link" href="#">P60</a>.
For example, ‘QQ 12 34 56 C’.

</span>

Macro

{% from "hint/macro.njk" import govukHint %}

{{ govukHint({
  "html": "It’s on your National Insurance card, benefit letter, payslip or <a class=\"govuk-link\" href=\"#\">P60</a>.\nFor example, ‘QQ 12 34 56 C’.\n"
}) }}