Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

@rax-ui/radio

lianmin1451.0.0-beta.62TypeScript support: included

--- display: ComponentName family: other ---

Rax, rax-component

readme


display: ComponentName

family: other

Radio

单选框

API

Props

Radio

名称 说明 类型 默认值
defaultChecked 初始选中状态(非受控模式) bool
checked 是否选中(受控模式) bool
disabled 是否禁用 bool false
style 单选框的 style object {}
value 选项值 any
readOnly 只读模式 boolean false
className 单选框的 className string
children Radio 的子元素,一般为右侧说明文案 any
onChange Radio 改变回调 func

Radio.Group

名称 说明 类型 默认值
defaultValue 初始选中的选项(非受控模式) string -
value 指定选中的选项 any -
data 数据源 RadioProps[]
disabled 是否禁用 bool false
readOnly 只读模式 boolean false
direction 排布方向
可选值:horiontal,vertical
enum vertical
style Radio Group 的 style object {}
className Radio Group 的 className string
onChange 改变时回调函数 Function(checkedValue)

CSS API

Radio Group

名称 说明
radio--group Radio Group 样式
radio--group__horizontal Radio Group 水平布局时样式
radio--group_\vertical Radio Group 垂直布局时样式
radio--group__item Radio Group 中单个 Radio 样式

Radio

名称 说明
radio__container radio 样式
radio__circle 外部圆样式
radio--selected__circle 选中时外部圆样式
radio--disabled__circle 不可用时外部圆样式
radio--selected--disabled__circle 不可用且选中时外部圆样式
radio__point 内部点样式
radio--selected__point 选中时内部点样式
radio--disabled__point 不可用时内部点样式
radio--selected--disabled__point 不可用且选中时内部点样式
radio__text 文案样式
radio--selected__text 文案选中样式
radio--disabled__text 不可用时文案样式
radio--selected--disabled__text 不可用且选中选中时,文案样式
radio__group radio 组的样式