Information

You appear to be using an unsupported browser, and it may not be able to display this site properly. You may wish to upgrade your browser.

Warning text

The warning text component puts a clear notice in a page to tell users about something important. This could be an action they need to take, or something they need to know.

Sample HTML

<div class="ds_warning-text">
    <strong class="ds_warning-text__icon" aria-hidden="true"></strong>
    <strong class="visually-hidden">Warning</strong>
    <div class="ds_warning-text__text">Call 999 if you or someone else is in immediate danger, or if the crime is in progress.</div>
</div>

We based our warning text component on the one built by GDS. Find out more about the warning text component on GOV.UK’s Design System.

Website analytics

To understand user behaviour, clicks on links in warning text blocks can be tracked through the click URL, the click text and a data attribute showing the interaction.

The data attribute is added automatically by the Design System’s ‘tracking’ script.

Live example

License an air weapon (mygov.scot)

Back to top