1.0.6 • Published 8 years ago
react-single-dropdown v1.0.6
react-single-dropdown
Installation
npm install react-single-dropdown --save
Features
- React single dropdown
- You can pass options as array
- Set a default selected option
- Get the selected option
Usage
<ReactSingleDropdown
options={'Option 1', 'Option 2', 'Option 3'}
defaultSelected='Option 2'/>Props
<ReactSingleDropdown>
| Name | Type | Default | Description |
|---|---|---|---|
| options | array | [] | Specify the select(Dropdown) component options as an array of values. For example 'option 1', 'options 2', option 3' |
| defaultSelected | string | null | Specify one option from the options array as default selected option if required. |
| noAnimation | boolean | true | Whether or not dropdown arrow animation should be enabled. |
| width | number | 100% | Width of the dropdown menu, in px. The default width of the component is 100% of the parent component's width. For example width='350'. This means that the width of the component is 350px. |
| onSelect | function | selected value | This is a call-back function which returns the selected value back on onSelect. |
Example
import React from 'react'
import ReactSingleDropdown from 'react-single-dropdown'
export default class Demo extends React.Component {
onDropdownSelect = (value) => {
console.log('Selected value=', value)
}
render() {
return <div>
<h1>react-single-dropdown Demo</h1>
<ReactSingleDropdown
defaultSelected = 'Option 3'
onSelect={this.onDropdownSelect}
noAnimation
options={['Option 1','Option 2','Option 3']}
width='500'/>
</div>
}
}License
MIT