1
0
mirror of https://gitlab.nic.cz/turris/reforis/foris-js.git synced 2024-11-14 17:35:35 +01:00
foris-js/src/bootstrap/Select.md

26 lines
656 B
Markdown
Raw Normal View History

2019-08-23 15:20:22 +02:00
Select with options Bootstrap component input with label and predefined sizes and structure for using in foris forms.
All additional `props` are passed to the `<select>` HTML component.
```js
import {useState} from 'react';
const CHOICES={
apple:'Apple',
banana:'Banana',
peach:'Peach',
};
const [value, setValue] = useState(Object.keys(CHOICES)[0]);
<>
{/*Yeah, it gets event, not value!*/}
<Select
label="Fruit"
value={value}
choices={CHOICES}
onChange={event=>setValue(event.target.value)}
/>
<p>Selected choice label: {CHOICES[value]}</p>
<p>Selected choice value: {value}</p>
</>
```