react-js-dropdavn

Made with create-react-library

Install

npm install react-js-dropdavn

Usage

import 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' } }
        }
      />
      );
  }
}

Props

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

License

GitHub

View Github