2.0.2 • Published 8 months ago
autocomplete-react-v2 v2.0.2
How to use
1. Install
$ npm install autocomplete-react-v2
2. Import
import { Autocomplete } from 'autocomplete-react-v2'
4. Example
import React, { Component } from 'react';
import { Autocomplete } from 'autocomplete-react-v2';
const COUNTRIES = [
'Afghanistan',
'Aland Islands',
'Albania',
'Algeria',
'American Samoa',
'Andorra',
'Angola',
'Anguilla',
];
export default function Example() {
const onOptionSelected = (value) => {
console.log(value);
};
return (
<Autocomplete
words={COUNTRIES}
placeholder="Type something..."
onOptionSelected={onOptionSelected}
showOnFocus={true}
hideOnBlur={true}
/>
);
}
5. Properties
Property | Type | Default | Description |
---|---|---|---|
words | array | [] | Array of words to be used for autocomplete |
placeholder | string | "" | Placeholder text for input |
onOptionSelected | function | () => {} | Callback function when option is selected |
containerStyle | object | {} | Style object for container |
inputStyle | object | {} | Style object for input |
completionTextStyle | object | {} | Style object for completion text |
completionListStyle | object | {} | Style object for completion list |
showOnFocus | boolean | false | Show completion list on input focus |
hideOnBlur | boolean | false | Hide completion list on input blur |
2.0.2
8 months ago
2.0.1
8 months ago
2.0.0
8 months ago
1.1.6
8 months ago
1.1.5
8 months ago
1.1.3
8 months ago
1.1.2
8 months ago
1.1.1
8 months ago
1.1.0
8 months ago
1.0.8
8 months ago
1.0.7
8 months ago
1.0.6
8 months ago
1.0.5
8 months ago
1.0.4
8 months ago
1.0.3
8 months ago
1.0.2
8 months ago
1.0.1
8 months ago
1.0.0
8 months ago