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/RadioSet.md
2019-10-24 08:12:39 +00:00

710 B

Set of radio Bootstrap component input with label and predefined sizes and structure for using in foris forms.

All additional props are passed to the <input type="number"> HTML component.

Unless helpText is set for one of the options they are displayed inline.

import {useState} from 'react';
const CHOICES=[
    {value:'one',label:'1'},
    {value:'two',label:'2'},
    {value:'three',label:'3'},
];
const [value, setValue] = useState(CHOICES[0].value);

<>
    {/*Yeah, it gets event, not value!*/}
    <RadioSet
        value={value}
        name='some-radio'
        choices={CHOICES}
        onChange={event =>setValue(event.target.value)}
    />
    <p>Selected value: {value}</p>
</>