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"
}
]
} %>