1. Component Guide
  2. Form label
  3. Inside a radio component
Form label example

Inside a radio component

When the label is used inside the radio component additional classes are required on the radio, which are added by this option. This is already handled by the radio component and is a specific use case, but is worth documenting.

Note that this example will not render correctly - do not be alarmed. It only works properly when inside the radio component.

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", {
  text: "National Insurance number",
  html_for: "id-radio",
  is_radio_label: true,
  hint_id: "id-radio",
  hint_text: "It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’."
} %>