Autocomplete
A very simple autocomplete component with no dependencies.
Usage
To install it:
npm install --save @gluedigital/autocomplete
To use it:
import Autocomplete from '@gluedigital/autocomplete'
import '@gluedigital/autocomplete/css/autocomplete.css'
const values = ['Alice', 'Bob', 'Carol']
// ...
<form>
<Autocomplete values={values} name="my-field-name" required />
</form>Options
The following props can be used:
| Name | Type | Description |
|---|---|---|
| name | string | The name to use on the internal input |
| values | array | The allowed values |
| valueLabel | string or function | If the values are not strings, the field to use as label, or a function to generate it |
| required | bool | Whether the input should have the required flag |
| autoFocus | bool | Whether the input should have the autoFocus flag |
| noResultsText | string | A message for the dropdown when there are no results |
| placeholder | string | A placeholder shown when the input is empty |
| value | string | The preselected value |
| onChange | func | A function that will be called when the selection changes |
| withClear | bool | Whether to show a clear button |
Developing
This package uses nwb for the build. Take a look at their documentation for more info.
TL;DR: after installing nwb, just do npm start to open the dev environment.