ComponentInset text

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

Default

Matches upstream

You can report any suspected side effect using the Yellow Card safety scheme

Razor Pages and MVC

<nhsuk-inset-text
    text="You can report any suspected side effect using the Yellow Card safety scheme"
/>

Blazor

<NhsukInsetText
    Text="You can report any suspected side effect using the Yellow Card safety scheme"
/>

Nunjucks (upstream)

{% from "nhsuk/components/inset-text/macro.njk" import insetText %}

{{ insetText({
  "text": "You can report any suspected side effect using the Yellow Card safety scheme"
}) }}

With HTML

Matches upstream

Open on its own page (opens in new tab)

You can report any suspected side effect using the Yellow Card safety scheme.

Razor Pages and MVC

<nhsuk-inset-text
    html=@("<p>You can report any suspected side effect using the <a href=\"#\">Yellow Card safety scheme</a>.</p>")
/>

Blazor

<NhsukInsetText
    Html=@("<p>You can report any suspected side effect using the <a href=\"#\">Yellow Card safety scheme</a>.</p>")
/>

Nunjucks (upstream)

{% from "nhsuk/components/inset-text/macro.njk" import insetText %}

{{ insetText({
  "html": "<p>You can report any suspected side effect using the <a href=\"#\">Yellow Card safety scheme</a>.</p>"
}) }}

With HTML via call block

Matches upstream

Open on its own page (opens in new tab)

You can report any suspected side effect using the Yellow Card safety scheme.

Razor Pages and MVC

<nhsuk-inset-text>
    <p>You can report any suspected side effect using the <a href="#">Yellow Card safety scheme</a>.</p>
</nhsuk-inset-text>

Blazor

<NhsukInsetText>
    <p>You can report any suspected side effect using the <a href="#">Yellow Card safety scheme</a>.</p>
</NhsukInsetText>

Nunjucks (upstream)

{% from "nhsuk/components/inset-text/macro.njk" import insetText %}

{% call insetText({}) %}
  <p>You can report any suspected side effect using the <a href="#">Yellow Card safety scheme</a>.</p>
{% endcall %}