X-UI LogoX-UI

Autocomplete

An input with suggestion dropdown for search and selection.

tsx
import { Autocomplete } from '@xdev-asia/x-ui-react';
tsx
<Autocomplete
  options={['React', 'Vue', 'Angular', 'Svelte']}
  placeholder="Search frameworks..."
  onSelect={(value) => console.log(value)}
/>

Props

  • options - Array of suggestions
  • onSelect - Selection callback
  • filterFn - Custom filter function
  • freeSolo - Allow free text input