Made with create-react-library
npm install react-js-dropdavnimport React, { Component } from 'react' import { SimpleDropdown } from 'react-js-dropdavn' import 'react-js-dropdavn/dist/index.css' const data = [ {label: 'Ex opt 1', value: 1}, {label: 'Ex opt 2', value: 2}, {label: 'Ex opt 3', value: 3}, {label: 'Ex opt 4', value: 4}, ] class Example extends Component { render() { return ( <SimpleDropdown options={data} clearable searchable configs={ { position: { y: 'top', x: 'center' } } } /> ); } }| name | type | default value | description |
|---|---|---|---|
| options | [{ label:String , key:String }] | [] | The dropdown options for list |
| searchable | Boolean | false | It's add search bar for dropdown |
| clearable | Boolean | false | It's add clear button for dropdown |
| labels | { notFoundSearch : 'Not found' notSelected : 'Select any thing' selectedPrefix : 'Your Choice :' search : 'Search area' seachInputPlaceholder : 'Search for typing' } | null | It's changes dropdown texts |
| defaultValue | String | Number | null | It's default selected value |
| configs | position: { y: 'bottom' | 'top', x: 'left' | 'right' | 'center' },fullWidthParent : boolean | null | It's dropdown position and width configs |
| onClearSelected | function => void | null | It's triggered when clear button clicked |
| onDropdownOpened | function => void | null | It's triggered when dropdown opened |
| onDropdownClosed | function => void | null | It's triggered when dropdown closed |
| onDropdownInit | function => void | null | It's triggered when dropdown initialize |
| onSearchTyping | function({ search, filteredOptions }) => void | null | It's triggered when search bar on changed |
MIT © devepdogu