Input-autocomplete-suggestions-reactjs NPM

Input autocomplete suggestions

ReactJS component library

Description

A npm library for ReactJS that autocompletes user's search inputs.
Lightweight library with no additional dependencies.
Hightly customizeable with parameters and personal styling
Use cases tested

Installation

npm

Install

npm i input-autocomplete-suggestions-reactjs --save

Import

import CustomInput from 'input-autocomplete-suggestions-reactjs'

import { CustomAutocompleteInput } from 'input-autocomplete-suggestions-reactjs'

Usage

const arr = [ "suggestion", "suggestion2", "suggestion3" ];

<CustomAutocompleteInput 
    suggestions={arr}
    placeholderValue="setYourOwnPlaceholder"
    exactMatch={false} 
/>

Parameteres

Parameter	Type	Mandatory	Default
suggestions	string[]	✅
placeholderValue	string	❌	""
exactMatch	boolean	❌	true
customClassName	string	❌	""

Options

Suggestions is an array of strings that will be presented to user as he types
placeholderValue is non-mandatory parameter thta allow to set input's placeholder value
exactMatch
- true Input's suggestion will be shown only on exact match ('sug' will trigger 'suggestion' however not 'ish' will not trigger 'fish')
- false Will show any matches ('sug' will trigger 'suggestion' and 'ish' will also trigger 'fish')
customClassName For better styling a dev can add custom classes (one string cotaning names of all classes, separated with a space)