Radio
RadioGroup
A component used to simplify working with multiple radio buttons.
jsx
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<React.SetStateAction<>> | 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 />;RadioProps
& {...}| Name | Type | Description |
|---|---|---|
| value | 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 />;RadioValueProps
& {...}| Name | Type | Description |
|---|---|---|
| includeInputProps | string[] | List of elements that can be put on a hidden input |
| state | Deprecated | |
| theme | string | Deprecated |
| size | Deprecated | |
| value | Deprecated | |
| defaultValue | Deprecated | |
| onChange | (value: boolean, e: React.SyntheticEvent<>) => void | Deprecated |
| disabled | boolean | Deprecated |
Radio.Text
jsx
import Radio from '@semcore/ui/radio';
<Radio.Text />;