RadioButtonGroup
Description
RadioButtonGroup allow you to add group radiobuttons
Usage
import { RadioButtonGroup } from 'asc-web-components';
<RadioButtonGroup
name='fruits'
selected='banana'
options={
[
{ value: 'apple', label: 'Sweet apple'},
{ value: 'banana', label: 'Banana'},
{ value: 'Mandarin'}
]
}
/>
Properties
| Props |
Type |
Required |
Values |
Default |
Description |
name |
string |
✅ |
- |
- |
Used as HTML name property for <input> tag. Used for identification RadioButtonGroup |
selected |
string |
✅ |
- |
- |
Value of the selected radiobutton |
options |
arrayOf |
✅ |
- |
- |
Array of objects, contains props for each <RadioButton /> component |
spacing |
number |
- |
- |
33 |
Margin (in px) between radiobuttons |
isDisabled |
bool |
- |
- |
false |
Disabling all radiobuttons in group |
onClick |
func |
- |
- |
- |
Allow you to handle clicking events on <RadioButton /> component |
