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 | - |