Select example

With hint

When a hint is included the aria-describedby attribute of the select is included to point to the hint. When an error and a hint are present, that attribute includes the IDs of both the hint and the error.

How it looks (preview)

Choose your preferred thing

You might need some more information here

How to call this example

<%= render "govuk_publishing_components/components/select", {
  id: "dropdown2-1",
  label: "Choose your preferred thing",
  hint: "You might need some more information here",
  hint_id: "optional-hint-id",
  options: [
    {
      text: "Something",
      value: "option1"
    },
    {
      text: "Something else",
      value: "option2"
    }
  ]
} %>