React large data list

React drop down for large data items.

Why this component?

* This is designed for the purpose of handling large number of dropdown items.
* Most of the popular React dropdown libraries slow down massively when the dataset has more than 1000 items. This component can handle any large data set without any significant slowness.

----

Props

* options : array, Array of elements.
* onChange : function(value)
* containerStyle : object, Style for main container.
* inputContainerStyle : object, Style for main container.
* inputStyle : object, Input text box style.
* disabled : boolean, true/false
* clearIconStyle : object, Clear textbox icon style
* createButtonStyle : object, Create option style
* onClickCreate : function (value), called when user clicks on create button,
* defaultValue : string, Initial value

----

Install

npm i react-large-datalist

Code

...
import ReactLargeDatalist from 'react-large-datalist';
...
...
options={["Option 1", "Option 2", "Option 3"]}
disabled={false}
defaultValue="Option 2"
onChange={(value) => {console.log("Selected value:", value)}}
onCreate={(newValue)=>{console.log("Created value", newValue)}}
/>
...
...

Demo link

GitHub link