2.0.2 • Published 2 years ago

autocomplete-react-v2 v2.0.2

Weekly downloads
-
License
ISC
Repository
-
Last release
2 years 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

2 years ago

2.0.1

2 years ago

2.0.0

2 years ago

1.1.6

2 years ago

1.1.5

2 years ago

1.1.3

2 years ago

1.1.2

2 years ago

1.1.1

2 years ago

1.1.0

2 years ago

1.0.8

2 years ago

1.0.7

2 years ago

1.0.6

2 years ago

1.0.5

2 years ago

1.0.4

2 years ago

1.0.3

2 years ago

1.0.2

2 years ago

1.0.1

2 years ago

1.0.0

2 years ago