Description

Autocomplete component allows users to quickly find and select one from suggested options.

Usage

const data = {
  keyValue: 'name',
  filterBy: ['name', 'description'],
  data: [
    {
      id: 1,
      name: 'Laravel',
      description: 'Lorem ipsum dolor.',
    },
    {
      id: 2,
      name: 'React',
      description: 'Aliquam tincidunt.',
    },
    {
      id: 3,
      name: 'Adonis',
      description: 'Vestibulum auctor.',
    },
  ],
};

<Autocomplete data={data} selected={(selected) => {}} />;

API

Autocomplete can receive a number of props as follow:

| NAME | TYPE | DEFAULT | | :---------- | :-------------------: | :-----------: | | data | Object | {} | | placeholder | String | 'Search' | | onChange | Function | (value) => {} | | children | single/array of nodes | empty |