Components

Hint

Internal

Hint text for a form field.

Hint text

<div
  id="field-id-hint"
  class="govuk-hint"
  aria-hidden="false"
>
  Hint text
</div>

<Hint id="field-id-hint">Hint text</Hint>

Props

Name	Type	Default	Description
id	string	-	'id' attribute to place on the base HTML element
classBlock	string	-	Block name override in BEM style classes applied to all elements
classModifiers	Modifiers	[]	BEM style modifiers to apply to the base HTML element
className	string	-	Extra classes to apply to the base HTML element

Stories

A standard Hint.

Hint text

<div
  id="field-id2-hint"
  class="govuk-hint"
  aria-hidden="false"
>
  Hint text
</div>

<Hint id="field-id2-hint">Hint text</Hint>