2.0.2 • Published 8 months ago

autocomplete-react-v2 v2.0.2

Weekly downloads
-
License
ISC
Repository
-
Last release
8 months ago

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}
  />
);
}

Alt text

5. Properties

PropertyTypeDefaultDescription
wordsarray[]Array of words to be used for autocomplete
placeholderstring""Placeholder text for input
onOptionSelectedfunction() => {}Callback function when option is selected
containerStyleobject{}Style object for container
inputStyleobject{}Style object for input
completionTextStyleobject{}Style object for completion text
completionListStyleobject{}Style object for completion list
showOnFocusbooleanfalseShow completion list on input focus
hideOnBlurbooleanfalseHide 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