Radio

Components

RadioGroup

A component used to simplify working with multiple radio buttons.

import { RadioGroup } from '@semcore/ui/radio';
<RadioGroup />;

interface

IRadioGroupProps

Property	Description
name `string`	Radio group name
defaultValue `RadioValue`	Active default value
value `RadioValue`	Active value
onChange `(value: RadioValue, e: React.SyntheticEvent) => void`	Called when the selected element is changed
size `RadioSize`	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

This is an independent radio component.

import Radio from '@semcore/ui/radio';
<Radio />;

interface

IRadioProps extends IBoxProps

Property	Description
state `RadioState` = normal	The value displaying the state of the component
size `RadioSize` = m	Radio button size
theme `string`	The theme of the radio button that you can send your color to

import Radio from '@semcore/ui/radio';
<Radio.Value />;

interface

IRadioValueProps extends IBoxProps, IKeyboardFocusProps

Property	Description
includeInputProps `string[]`	List of elements that can be put on a hidden input
state `RadioState` = normal	The value displaying the state of the component
theme `string`	The theme of the radio button that you can send your color to
size `RadioSize`	Radio button size
value `RadioValue`	The element value is required for RadioGroup
defaultValue `RadioValue`	Default value if `value` property is not provided
onChange `(value: boolean, e: React.SyntheticEvent) => void`	Called when the value changes
disabled `boolean`	Blocks access and changes to the form field

import Radio from '@semcore/ui/radio';
<Radio.Text />;