inputbox-suggestion
v1.1.4
Published
Interactive React UI component to show the auto-suggestion on the input based on the user's input in textbox based on provided data for suggestions. Demo - https://stackblitz.com/edit/react-b7kncf?file=src/App.js ![Screenshot -1 ](https://raw.githubuserco
Downloads
5
Readme
Functionality
Interactive React UI component to show the auto-suggestion on the input based on the user's input in textbox based on provided data for suggestions. Demo - https://stackblitz.com/edit/react-b7kncf?file=src/App.js
Usage (Demo - https://stackblitz.com/edit/react-b7kncf?file=src/App.js)
import InputSuggestion from 'inputbox-suggestion/dist';
....
data =["measure", "message", "machine"]
....
getCurrentVal = (curr) => this.setState({val : curr})
....
setValue = (inputVal) => this.setState({text : inputVal})
...
<InputSuggestion inputBoxValue={this.setValue} suggestions={data} />
...
<InputSuggestion currentInputBoxValue={this.getCurrentVal} inputBoxValue={this.setValue}
suggestionsStyle={{padding:'5%',borderBottom:'0.5px solid'}}
suggestions={data} />
Props Table
| prop name | functionality | required/optional | | ----------------- |:------------------------:|-------------------:| | suggestions | Data in form of Array to show suggestion for input | *required | | inputBoxValue | Return selected value of input box | optional | | currentInputBoxValue | Return the current value of input box | optional | | suggestionsStyle | Styles for suggestions | optional |
Installation
npm i inputbox-suggestion
Contributor(s)
Mohit Kapoor -@2cool2envy - [email protected]
Let's together make it more better
eMail : [email protected]