@rax-ui/radio NPM | npm.io

1.0.0-beta.62 • Published 5 years ago

Install

Weekly downloads

57

License

-

Repository

Last release

5 years ago

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 组的样式

Rax rax-component

@rax-ui/icon @rax-ui/styles @rax-ui/transition rax-children rax-clone-element rax-is-valid-element rax-text rax-view universal-env

@infinitebrahmanuniverse/nolb-_rax @everything-registry/sub-chunk-760 @aligov/gov-h5-guide-rax-sdk @zalastax/nolb-_rax

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago