1. Component Guide
  2. Form radio button
  3. With bottom margin
Form radio button example

With bottom margin

The component accepts a number for margin bottom from 0 to 9 (0px to 60px) using the GOV.UK Frontend spacing scale. It defaults to a margin bottom of 30px (6).

How it looks (preview)

How to call this example

<%= render "govuk_publishing_components/components/radio", {
  name: "radio-group",
  margin_bottom: 9,
  items: [
    {
      value: "government-gateway",
      text: "Use Government Gateway"
    },
    {
      value: "govuk-verify",
      text: "Use GOV.UK Verify"
    }
  ]
} %>