Autocomplete example

Autocomplete js only

Shows an autocomplete component only if JavaScript is enabled. This is used when the search input requires a JavaScript request to return results.

How it looks (preview)

How to call this example

<%= render "components/autocomplete", {
  id: "autocomplete-jsonly",
  name: "autocomplete-jsonly",
  label: {
    text: "Search"
  },
  search: true,
  jsonly: true,
  input: {
    options: [
      "France",
      "Germany",
      "United Kingdom"
    ]
  }
} %>