@rupam71/autocomplete

This Package is Fork from @react-md/autocomplete

Whats Add Here

If a user directly press 'enter' or 'tab' key without focusing list, still first filter value will be mark as submited.

Installation

1npm install --save @rupam71/autocomplete

Documentation

You should check out the full documentation for live examples and more customization information, but an example usage is shown below.

Usage

The AutoComplete component just requires:

• an id to identify the field (required for a11y)
• a list of data that can be a list of string, number, or object

However, it is recommended to also provide a label and placeholder text to help the user understand this component.

1import { AutoComplete } from "@react-md/autocomplete";
2
3const fruits = [
4  "Apple",
5  "Apricot",
6  "Banana",
7  "Blueberry",
8  "Cranberry",
9  "Kiwi",
10  "Peach",
11  "Plum",
12  "Strawberry",
13];
14
15function Example() {
16  return (
17    <AutoComplete
18      id="search-fruits"
19      name="fruits"
20      label="Fruits"
21      placeholder="Kiwi..."
22      data={fruits}
23    />
24  );
25}