1.0.1 • Published 7 years ago
react-dropdown-component v1.0.1
dropdown
React Dropdown component
Basic useful feature list:
- Supporting Single select dropdown
- Supporting Multi Select dropdown
- Show Dropdown summary
- Pre Select dropdown
- Allowing Search option in dropdown
- Show clear options
- TODO:Unit test cases.
setup
npm install react-dropdown-component
Basic usage
import DropDown from "react-dropdown-component";
import React, {PropTypes, Component} from "react";
import ReactDOM from 'react-dom';
let app = document.getElementById('app');
const items = [] ;let i=1 ,item;
while(i <1000){
items.push({id:i,name:'item '+i});
i++;
}
let selectedItems =[];
selectedItems.push({id:1,name:'item' + 1});
selectedItems.push({id:2,name:'item' + 2});
ReactDOM.render(<DropDown showSearch={true} selectedItems={selectedItems} items={items} multiSelect={true}></DropDown>,app)
Advanced Supported Option.
* items:PropTypes.array.isRequired,
* ListItem:PropTypes.object,
* localeStrings:PropTypes.object,
* noDataMessage:PropTypes.string,
* showsearch:PropTypes.bool,
* selectedItems:PropTypes.array,
* multiSelect:PropTypes.bool,
* showClearSelection:PropTypes.bool,
* selectionManager: PropTypes.object