React-ComboBoxWithInput

React component that lets you select from a listed option like in drop down list or combo box as well as by entering a value, like an input box.

• Modify look with custom styles using the different classnames (inspect dom for the classnames)
• list options can be in either of the two forms

[{key: "Grade A", value: "10"}, {key: "Grade B", "value:"15"}]

or

[10, 15] / ['10', '15']

Intallation

npm i combobox-with-input --save

Props

	PropType	Description
onChange	func	Entered Value as callback argument
onKeyUp	func	Key up event object as callback argument
onOptionSelected	func	Selected Option as callback argument
onLabelClick	func	click event as callback argument
options	array	drop down options array. Can be passed either as array of objects formatted - {key:'key1', value:'value1'} or array of string - ['option1', 'option2]
dispVal	string	displayed string when component is not focused
inputVal	string	displayed string inside the input box
selectedOptionStyle	object (optional)	valid style object to distinguish the selected option in the dropdown list
optionFormatter	func	selected option from the passed options array as callback argument

Demo

Demo Link