Select with search (experimental) example

With multiple select enabled

Allow multiple items to be selected and de-selected.

How it looks (preview)

How to call this example

<%= render "govuk_publishing_components/components/select_with_search", {
  id: "dropdown-with-multiple",
  label: "Select your country",
  include_blank: true,
  multiple: true,
  options: [
    {
      text: "France",
      value: "fr",
      selected: false
    },
    {
      text: "Germany",
      value: "de",
      selected: false
    },
    {
      text: "The United Kingdom of Great Britain and Northern Ireland",
      value: "uk"
    },
    {
      text: "Democratic Republic of the Congo",
      value: "cg"
    }
  ]
} %>