APIbeta

Radio

Introduce

props

bpRadioGroup

名称 描述 类型 可选值 默认值
value / v-model 绑定值 string / number / boolean — —
disabled 是否禁用 boolean或’disabled’ — false

bpRadio

名称 描述 类型 可选值 默认值
value radio的值 string / number / boolean — —

events

bpRadioGroup

名称 描述 回调参数
change(value):void 当前组的值改变后的回调 选中的bpRadio的值

example

示例代码.

1
2
3
4
<bp-radio-group v-model="value1">
  <bp-radio value="1">选项1</bp-radio>
  <bp-radio value="2">选项2</bp-radio>
</bp-radio-group>

See the Pen bpui-radio by brainpoint (@brainpoint) on CodePen.

自定义主题

图标

样式结构

组件的样式结构如下:

1
2
3
4
5
6
7
8
.bp-radio {
  /* radio input部分 */
  .bp-radio__input {
  }
  /* label部分 */
  .bp-radio__label {
  }
}

scss样式文件存放在@bpui/radio/style 目录下, 可以复制修改以定制主题