1. Collections Component Guide
  2. Form label
  3. Bold with hint
Form label example

Bold with hint

How it looks (preview)

It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’.

How to call this example

<%= render "govuk_publishing_components/components/label", {
  bold: true,
  text: "National Insurance number",
  html_for: "id-that-matches-input-3",
  hint_id: "should-match-aria-describedby-input-bold",
  hint_text: "It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’."
} %>