1. Collections Component Guide
  2. Select
  3. With page heading
Select example

With page heading

This adds a H1 element with a label element inside containing the text supplied.

How it looks (preview)

How to call this example

<%= render "govuk_publishing_components/components/select", {
  id: "select-with-heading",
  label: "This is a page heading",
  heading_size: "xl",
  is_page_heading: true,
  options: [
    {
      text: "Option one",
      value: "option1"
    },
    {
      text: "Option two",
      value: "option2"
    }
  ]
} %>