1. Component Guide
  2. Select
  3. With custom label size
Select example

With custom label size

Make the label different sizes. Valid options are ‘s’, ‘m’, ‘l’ and ‘xl’.

How it looks (preview)

How to call this example

<%= render "govuk_publishing_components/components/select", {
  id: "dropdown6",
  label: "Bigger!",
  heading_size: "xl",
  options: [
    {
      text: "Option one",
      value: "option1"
    },
    {
      text: "Option two",
      value: "option2"
    },
    {
      text: "Option three",
      value: "option3"
    }
  ]
} %>