mirror of
https://gitlab.nic.cz/turris/reforis/foris-js.git
synced 2024-12-27 00:31:35 +01:00
28 lines
733 B
Markdown
28 lines
733 B
Markdown
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.
|
|
|
|
```js
|
|
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>
|
|
</>;
|
|
```
|