ComponentHint text

3 of 3 upstream examples match. Razor component: <NhsukHint>

Default

Matches upstream

Do not include personal information like your name, date of birth or NHS number

Razor Pages and MVC

<nhsuk-hint
    text="Do not include personal information like your name, date of birth or NHS number"
/>

Blazor

<NhsukHint
    Text="Do not include personal information like your name, date of birth or NHS number"
/>

Nunjucks (upstream)

{% from "nhsuk/components/hint/macro.njk" import hint %}

{{ hint({
  "text": "Do not include personal information like your name, date of birth or NHS number"
}) }}

With HTML

Matches upstream

Open on its own page (opens in new tab)

This is a 10 digit number (like 999 123 4567) that you can find on an NHS letter, prescription or in the NHS App

Razor Pages and MVC

<nhsuk-hint
    html=@("This is a 10 digit number (like <span class=\"nhsuk-u-nowrap\">999 123 4567</span>) that you can find on an NHS letter, prescription or in the NHS App")
/>

Blazor

<NhsukHint
    Html=@("This is a 10 digit number (like <span class=\"nhsuk-u-nowrap\">999 123 4567</span>) that you can find on an NHS letter, prescription or in the NHS App")
/>

Nunjucks (upstream)

{% from "nhsuk/components/hint/macro.njk" import hint %}

{{ hint({
  "html": "This is a 10 digit number (like <span class=\"nhsuk-u-nowrap\">999 123 4567</span>) that you can find on an NHS letter, prescription or in the NHS App"
}) }}

With HTML via call block

Matches upstream

Open on its own page (opens in new tab)

This is a 10 digit number (like 999 123 4567) that you can find on an NHS letter, prescription or in the NHS App

Razor Pages and MVC

<nhsuk-hint>
    This is a 10 digit number (like <span class="nhsuk-u-nowrap">999 123 4567</span>) that you can find on an NHS letter, prescription or in the NHS App
</nhsuk-hint>

Blazor

<NhsukHint>
    This is a 10 digit number (like <span class="nhsuk-u-nowrap">999 123 4567</span>) that you can find on an NHS letter, prescription or in the NHS App
</NhsukHint>

Nunjucks (upstream)

{% from "nhsuk/components/hint/macro.njk" import hint %}

{% call hint({}) %}
  This is a 10 digit number (like <span class="nhsuk-u-nowrap">999 123 4567</span>) that you can find on an NHS letter, prescription or in the NHS App
{% endcall %}