onBlur
type: () => void
required: false
required: false
Call back after input blur.
onFocus
type: () => void
required: false
required: false
Call back after input focus.
renderUnSelectedOption
type: (option: ValueLabelModel) => React.ReactNode
required: false
required: false
We pass unSelectedOption througth this function so you can render it whatever you want.
renderSelectedItem
type: (option: ValueLabelModel) => React.ReactNode
required: false
required: false
We pass option througth this function so you can render it whatever you want.
direction
type: 'ltr' | 'rtl'
required: false
required: false
We have some styles for rtl direction too you can use them by this prop.
theme
type: 'default' | 'dark'
required: false
required: false
We have a dark theme too but you can write your styles too.
breackPoint
type: '575' | '768' | '991' | '1199'
required: false
required: false
Pixel when breackPoint apply
unSelectedTabLabel
type: string
required: false
required: false
Label of unselected tab in mobile
selectedTabLabel
type: string
required: false
required: false
Label of selected tab in mobile
onChange
type: (selectedOptions: ValueLabelModel[]) => void
required: false
required: false
selectedTabLabel
onInputChange
type: (text: string) => void
required: false
required: false
Call back when you type something in input.
options
type: ValueLabelModel[]
required: true
required: true
All options
selectedOptions
type: ValueLabelModel[]
required: true
required: true
Options which are selected