With error
How it looks (preview)
How to call this example
<%= render "components/autocomplete", {
name: "autocomplete-with-error",
label: {
text: "Autocomplete with error"
},
select: {
options: [
[
"France",
"fr"
],
[
"Germany",
"de"
],
[
"United Kingdom",
"uk"
]
]
},
error_items: [
{
text: "There is a problem with this input"
}
]
} %>