Radio

Use and Import

import Radio from 'nes-design/es/Radio';   OR   import { Radio } from 'nes-design';
Copy

Case

Radio

RadioGroup

Play Game

RadioGroup + Radio

Choose Fruit

disabled

Props

Prop / 参数Description / 描述Type / 类型Default / 默认值
themetheme / 主题'dark'-
nameinput namestring-
disableddisabled choose / 禁止选择boolean- / false
twinkleDelaytwinkle time / 选择后闪烁时间number | boolean2000
Prop / 参数Description / 描述Type / 类型Default / 默认值
valuechoose value / 选择的值string-
defaultValuedefault value / 默认选中的值string-
optionsradio option /单选选项组Option[]-
onChangechange callback / 值改变后回调(checkValue: string) => void-
...restmore attrs(Example: global attr) / 更多属性(举例: 全局属性)React.HTMLAttributes<HTMLDivElement>-
Prop / 参数Description / 描述Type / 类型Default / 默认值
valueradio input value / Radio Input 的 Value,配合 RadioGroup 使用string-
defaultChecked default checked / 初始是否选中boolean-
onChangechange callback / 值改变后回调(e: React.ChangeEvent<HTMLInputElement>) => void-
labelPropsbox label props / 外层 label 的属性控制React.HTMLAttributes<HTMLLabelElement>-
...restmore attrs(Example: onBlur onFocus) / 更多属性(Example: onBlur | onFocusReact.InputHTMLAttributes<HTMLInputElement>-
Prop / 参数Description / 描述Type / 类型Default / 默认值
labelradio children / 展示的名称string-
...RadioRadio attrs / Radio 属性RadioProps-