Default
How it looks (preview)
How to call this example
<%= render "components/autocomplete", {
id: "autocomplete",
name: "autocomplete",
label: {
text: "Select your country"
},
select: {
options: [
[
null
],
[
"France",
"fr"
],
[
"Germany",
"de"
],
[
"United Kingdom",
"uk"
]
]
}
} %>