Functionality

Interactive React UI data table component

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]