react-customizable-select

> A Simple Customizable React Select Component

 

Install

``bash
npm install --save react-customizable-select
`

Necessary Props

options: _string[] | object[{abbreviation: string, name: string}]_
idName: _string_
setValue: _(val: string) => void_

Optionnal Props

customStyle:

`jsx
const style = {
fontSize: '24px',
width: '200px',
minWidth: '300px',
color: '#000',
menuMaxHeight: '250px',
scrollBehavior: 'smooth',
labelMargin: '1rem 0 10px 0',
generalPadding: '8px 16px',
buttonBorder: '1px solid grey',
buttonBackground: '#ededed',
optionsBorder: '1px solid grey',
optionsBackground: '#fff',
optionsItemHoverBgColor: 'blue',
optionsItemColor: 'black',
optionsItemHoverTxtColor: 'white',
arrowColor: 'black',
arrowSize: 10
}
`

icon:

`jsx

or

or

``

label: _string_
scrollable: _boolean_
searchTimer: _number in ms_
isReset: _boolean (used to reset component to initial state)_
baseOption: _string (used to define the default appearing option)_

License

MIT © Dullahan83