Developer RadioGroup
A component used to simplify working with multiple radio buttons.
jsx
import { RadioGroup } from '@semcore/ui/radio';
<RadioGroup />;import { RadioGroup } from '@semcore/ui/radio';
<RadioGroup />;RadioGroupProps
| Name | Type | Description |
|---|---|---|
| name | string | Radio group name |
| defaultValue | Active default value | |
| value | Active value | |
| onChange | ((value: , e: React.SyntheticEvent) => void) | React.Dispatch | Called when the selected element is changed |
| size | Radio button size | |
| theme | string | The theme of the radio button that you can send your color to |
| disabled | boolean | Blocks access and changes to the form field |
Radio
This is an independent radio component.
jsx
import Radio from '@semcore/ui/radio';
<Radio />;import Radio from '@semcore/ui/radio';
<Radio />;RadioProps
& {...}| Name | Type | Description |
|---|---|---|
| value | string | Radio item value * |
| checked | boolean | Radio item checked flag * |
| state | The value displaying the state of the component | |
| size | Radio button size | |
| theme | string | The theme of the radio button that you can send your color to |
| label | string | Radio item text * |
| disabled | boolean | Blocks access and changes to the radio item * |
Radio.Value
jsx
import Radio from '@semcore/ui/radio';
<Radio.Value />;import Radio from '@semcore/ui/radio';
<Radio.Value />;RadioValueProps
& & {...}| Name | Type | Description |
|---|---|---|
| includeInputProps | string[] | List of elements that can be put on a hidden input |
| state | ||
| theme | string | |
| size | ||
| value | ||
| defaultValue | ||
| onChange | (value: boolean, e: React.SyntheticEvent) => void | |
| disabled | boolean |
Radio.Text
jsx
import Radio from '@semcore/ui/radio';
<Radio.Text />;import Radio from '@semcore/ui/radio';
<Radio.Text />;