RadioItem (单选子组件)
配合单选组 组件使用
支持平台
安卓 | ios | 鸿蒙 | web | 微信小程序 |
---|---|---|---|---|
√ | √ | √ | √ | √ |
示例代码
示例文件未找到: /form/radio-group/radio-group
属性
名称 | 类型 | 默认值 | 说明 | 可选值 |
---|---|---|---|---|
size | String | mini | 组件尺寸 | large(大尺寸), medium(中尺寸), small(小尺寸), mini(迷你) |
type | String | "" | 组件类型 | info(信息), primary(正常), error(错误), warning(警告), success(成功) |
disabled | Boolean | false | 组件是否禁用 | false, true |
stop | Boolean | false | 是否阻止事件冒泡(Tui统一写法处理事件冒泡) | false, true |
hover | Boolean | true | 是否有点击效果 | false, true |
path | String | "" | 点击组件后跳转的页面路径,如果为空则响应点击事件,如果不为空则跳转页面不会响应单击事件。 | - |
mainClass | String | "" | 组件根节点的样式 | - |
nativeClass | String | "" | 组件根节点原生样式 | - |
effect | String | "normal" | 组件显示主题 | normal(正常), dark(深色), light(浅色), plain(镂空) |
transition | Boolean | false | 是否开启图标动画 | |
value | String | `` | 组件的值 | |
label | String | `` | 标签 | |
icon | String | check-fill | 图标 | |
activeClass | String | `` | 被选中时组件的样式 | |
iconClass | String | `` | 图标的样式 | |
inactiveIconClass | String | `` | 未被选中时图标的样式 | |
inactiveLabelClass | String | `` | 未被选中时标签的样式 | |
border | Boolean | true | ||
duration | Number | 200 | 动画时间 | |
labelClass | String | `` | 标签的样式 | |
iconBoxClass | String | `` | 图标例子的样式 | |
inactiveClass | String | `` | 未被选中是组件的样式 | |
activeIconClass | String | `` | 被选中时图标的样式 | |
activeLabelClass | String | `` | 被选中时标签的样式 | |
mode | String | radio | 单选组件的显示模式 | radio : 单选框模式button : 按钮械cell : 列表械 |
插槽
名称 | 返回值 | 说明 |
---|---|---|
default | - |