mirror of
https://gitlab.nic.cz/turris/reforis/foris-js.git
synced 2024-11-14 17:35:35 +01:00
710 B
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>
</>