@alphasquad/predictive-search

Available Scripts

Search field with predictive dropdown.

npm i @alphasquad/predictive-search

OR

yarn add @alphasquad/predictive-search

Demo

How to use?

import Horizontal from "@alphasquad/predictive-search";

<PredictiveSearch
    keyword={text} // keyword that is being taken in getKeyword
    getKeyword={getKeyword} // for getting the value of input field
    results={results} // Array of string.
    placeholder="Search..."
    wrapperClass="wrapperClass"
/>

Props

Props	Types	Description	Required	Default
keyword	string	The keyword that is entered by the user in input field	true	-
getKeyword	Method	The method to get text from input field.	true	false
wrapperClass	string	class will be applied on the wrapping div	false	-
results	array of string	This should be an array of string. These results will be displayed below input section.	true	-
placeholder	string	Placeholder text in input field	false	-