foris-js/src/bootstrap/Select.md

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.

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