shersoft-combov1

Made with create-react-library

Install

npm install --save shersoft-combov1

Usage

import React, { Component } from 'react'

import ComboBox from 'shersoft-combov1'


class Example extends Component {
  render() {
    return <ComboBox
                options={displayoptions}
                comboRef={Ref}
                onKeyDown={(e) => .....}
                className='ClassName'
                inputClassName='ClassName'
                onInputChange={(value) => handleComboBoxInputChange(value, '....')}
                findedValue={.....}                                         
   />
  }
}

This is a Creatable Select or ComboBox input field that builded according to my needs. use the prop "options" to pass values of the dropdown. if you want add a useRef use the prop "comboRef"instead of "ref". use "onInputChange" instead of "onChange". if you want to display any default values on the input field ,pass the value through the "findedValue" prop. /////styling///

use the "className" prop to adjust the width and height of the combobox. use the "inputClassName" prop to do the other styles of the input field. use "combobox_dropdown" className directly on your styles to style the dropdown. use "dropdown_option" className directly on your styles to style the dropdown options .

License

MIT © aswinsivadasp