candidate

Info text

This component is based on the govuk-warning-text component from the GOVUK design system.

It should be used when highlighting some supplementary information to the user.

Open example in new window

HTML

<div class="dl-info-text">
  <span class="dl-info-text__icon" aria-hidden="true">i</span>
  <p class="dl-info-text__text">
    <span class="dl-info-text__assistive">Please note</span>
    There is some useful stuff on the <a class="govuk-link" href="https://digital-land.github.io">digital land website</a>.
  </p>
</div>

Jinja

{%- from "design-system/components/info-text/macro.html" import dlInfoText -%}
{{- dlInfoText({
    "html": 'There is some useful stuff on the <a class="govuk-link" href="https://digital-land.github.io">digital land website</a>.'
}) }}

---

Help improve this page

If you’ve got a question, idea or suggestion share it with the digital land team on github or email us on digitalland@communities.gov.uk