Autocomplete example

Autocomplete input

An enhancement to an input element. Options are provided via a datalist. A user can enter a value outside the list of options.

How it looks (preview)

How to call this example

<%= render "components/autocomplete", {
  id: "autocomplete-input",
  name: "autocomplete-input",
  label: {
    text: "Select your country"
  },
  input: {
    value: "France",
    options: [
      "France",
      "United Arab Emirates",
      "United Kingdom"
    ]
  }
} %>