Radio 单选

在多个备选项中完成单选任务的组件。

Radio

Props

Prop NameTypeRequiredDefaultDescription
checked
bool
是否选中
defaultChecked
bool
默认是否选中
disabled
bool
是否禁用
onChange
func
() => {}
点选时的回调
value
any
radio的值
styleType
enum
样式风格
size
enum
尺寸,styleType 为 card、list 时无效
title
node
标题,styleType 为 card 时使用
extra
node
附加内容,styleType 为 list 时使用

说明

Radio 单选框组件,提供多张单选框样式

演示

演示

VIEW CODE ( LIVE )

checked - 选中

VIEW CODE ( LIVE )

disabled - 禁用

Radio styleType 为 button 且 disabled 时,如需展示 Tooltip 等,请参考 Button 的 fakeDisabled。

VIEW CODE ( LIVE )

size - 大小

VIEW CODE ( LIVE )

styleType - 样式类型

VIEW CODE ( LIVE )

defaultValue - 默认值,非受控

VIEW CODE ( LIVE )

Group

Props

Prop NameTypeRequiredDefaultDescription
value
any
当前值,controlled
defaultValue
any
默认值,uncontrolled
onChange
func
() => {}
修改时的回调
options
array
快速选项
disabled
bool
禁用
size
enum
尺寸
styleType
enum
样式风格

说明

这是 Radio.Group - 单选框组组件,用于包裹 Radio 组件并获取数据变化,也可以直接使用 options 来定义选项

演示

演示

VIEW CODE ( LIVE )

disabled - radio 子组件禁用

VIEW CODE ( LIVE )

size - radio 子组件大小

VIEW CODE ( LIVE )

styleType - radio 子组件样式类型

VIEW CODE ( LIVE )

options - 快捷 radio 配置选项

VIEW CODE ( LIVE )

defaultValue - 默认值,非受控

VIEW CODE ( LIVE )
Copyright © 2021-2024 UCloud 优刻得科技股份有限公司