Autocomplete example

With selected value

How it looks (preview)

Only a few countries are available

How to call this example

<%= render "components/autocomplete", {
  id: "autocomplete-selected",
  name: "autocomplete-selected",
  label: {
    text: "Select your country",
    bold: true
  },
  hint: "Only a few countries are available",
  select: {
    options: [
      [
        "France",
        "fr"
      ],
      [
        "Germany",
        "de"
      ],
      [
        "United Kingdom",
        "uk"
      ]
    ],
    selected: "de"
  }
} %>