This is an internal development app.
To learn how to use the GOV.UK Design System in your project, see Get started.

Skip to main content

Error message

Code

Markup

<p class="govuk-error-message">
  <span class="govuk-visually-hidden">Error:</span> Error message about full name goes here
</p>

Macro

{% from "govuk/components/error-message/macro.njk" import govukErrorMessage %}

{{ govukErrorMessage({
  text: "Error message about full name goes here"
}) }}
Code

Markup

<p class="govuk-error-message">
  <span class="govuk-visually-hidden">Gwall:</span> Neges gwall am yr enw llawn yn mynd yma
</p>

Macro

{% from "govuk/components/error-message/macro.njk" import govukErrorMessage %}

{{ govukErrorMessage({
  visuallyHiddenText: "",
  html: '<span class="govuk-visually-hidden">Gwall:</span> Neges gwall am yr enw llawn yn mynd yma'
}) }}