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