simple-react-select-dropdown
v1.0.6
Published
A simple react dropdown for form, with select and options html tags.
Downloads
10
Readme
simple-react-select-dropdown
A simple react select-dropdown for form, with select and options html tags.
Install
npm install i simple-react-select-dropdown
How to use
You need to import Dropdown
to use dropdown, and simple-react-select-dropdown/dist/index.css
to access the default style.
See below for the required parameters.
import React, { useState } from 'react'
import { Dropdown } from 'simple-react-select-dropdown'
import 'simple-react-select-dropdown/dist/index.css'
const countries = [
{ value: 'al', label: 'Alabama' },
{ value: 'ak', label: 'Alaska' },
{ value: 'cl', label: 'California' }
]
const App = () => {
const [selectState, setSelectState] = useState('')
return (
<div className='App'>
<Dropdown setSelectState={setSelectState} options={countries} />
<div className='select-option'>
{!selectState
? "Vous n'avez pas sélectionné d'état"
: ` Vous avez sélectionner l'état ${selectState}`}
</div>
</div>
)
}
export default App
Required parameters
This required paramaters must be passed to Dropdown
as props.
Property | Type | Description ----- | ----- | ----- setSelectState | function | To store the value of the selected item options | array | An array of objects. Objects must have the keys 'value' (the value to retrieve in the state) and "label" (the value to display on the front).
See live example
License
MIT © ShayReichert