Radio

Provides single user input from a selection of options.

Default

Group

A group of radio components.

Sizes

Radio of different sizes.

Description

Description can be combined with other components.

Disabled

Disable all radios.

Row

Horizontal arrangement.

APIs

Radio.Props

AttributeDescriptionTypeAccepted valuesDefault
checkedselected or not (in single)boolean-false
valueunique ident value (in group)string--
idnative attrstring--
disableddisable current radioboolean-false
sizeradio sizeNormalSizesNormalSizesmedium
onChangechange event(e: RadioEvent) => void--
...native propsInputHTMLAttributes'id', 'className', ...-

Radio.Group.Props

AttributeDescriptionTypeAccepted valuesDefault
initialValueinitial valuestring--
valueselected child radiostring--
useRowhorizontal layoutboolean-false
disableddisable all radiosboolean-false
sizesize of all radios in the groupNormalSizesNormalSizesmedium
onChangechange event(value: string) => void--
...native propsHTMLAttributes'id', 'className', ...-

Radio.Description.Props[alias: Radio.Desc]

AttributeDescriptionTypeAccepted valuesDefault
...native propsHTMLAttributes'id', 'className', ...-

NormalSizes

type NormalSizes = 'mini' | 'small' | 'medium' | 'large'