@kpajtasev/react-autocomplete-component

React autocomplete component

Usage no npm install needed!

<script type="module">
  import kpajtasevReactAutocompleteComponent from 'https://cdn.skypack.dev/@kpajtasev/react-autocomplete-component';
</script>

README

react-autocomplete-component

Warning

This package isn't already compiled and is written in es6 and JSX. Needs to be compiled for usage.

Installation

npm install @kpajtasev/react-autocomplete-component

Usage

import Autocomplete from ""@kpajtasev/react-autocomplete-component"

<Autocomplete data={[]}/>

Style

import Autocomplete from ""@kpajtasev/react-autocomplete-component/style/autocomplete.css"

Props

Data

const data = [
    { key: 1, label: "Option 1" },
    ...
];
<Autocomplete data={data}/>

onSelect

Function that triggers on select. Receives key as prop.

const data = [
    { key: 1, label: "Option 1" },
    ...
];
const onSelect = key => console.log(key);

<Autocomplete onSelect={key} data={data}/>

placeholder

Placeholder for input to display when no value is selected

const data = [
    { key: 1, label: "Option 1" },
    ...
];
const placeholder = "Some placeholder";

<Autocomplete placeholder={placeholder} data={data}/>