1
0
mirror of https://gitlab.nic.cz/turris/reforis/foris-js.git synced 2025-04-18 07:56:39 +02:00
foris-js/src/bootstrap/Select.md
2020-08-18 16:17:00 +02:00

27 lines
668 B
Markdown

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>
</>;
```