Autocomplete

import {
  Autocomplete,
  AutocompleteItem,
  AutocompleteList,
  AutocompleteTrigger,
} from "<path-to-ui-components>/autocomplete";

<Autocomplete
  value={singleValue}
  emptyMessage="No framework found."
  onValueChange={setSingleValue}
>
  <AutocompleteTrigger placeholder="Select a framework" />
  <AutocompleteList>
    <AutocompleteItem value="next">Next.js</AutocompleteItem>
    <AutocompleteItem value="sveltekit">SvelteKit</AutocompleteItem>
    <AutocompleteItem value="nuxt">Nuxt.js</AutocompleteItem>
    <AutocompleteItem value="remix">Remix</AutocompleteItem>
    <AutocompleteItem value="astro">Astro</AutocompleteItem>
    <AutocompleteItem value="wordpress">WordPress</AutocompleteItem>
    <AutocompleteItem value="express">Express.js</AutocompleteItem>
    <AutocompleteItem value="nest">Nest.js</AutocompleteItem>
  </AutocompleteList>
</Autocomplete>