Skip to main content

Hint text

Use hint text to help users understand a question.

Code and design

Open in new window
Copy
<span class="nhsuk-hint">
  This is a 10 digit number, like 485 777 3456.
</span>

<span class="nhsuk-hint">
  You can find it on any letter the NHS has sent you, on a prescription or by logging in to a GP practice online service.
</span>
Copy
{% from 'hint/macro.njk' import hint %}

{{ hint({
  "text": "This is a 10 digit number, like 485 777 3456."
}) }}
{{ hint({
  "text": "You can find it on any letter the NHS has sent you, on a prescription or by logging in to a GP practice online service."
}) }}

How to use hint text

Use hint text that’s relevant for most of your users - like where to find information or how their data will be used.

Research

If you’ve used this component, get in touch to share your research findings.

Discuss

Discuss hint text on GitHub

Get in touch

If you have a question:

Updated: February 2019