Switch 组件 1.3.0 104

基础组件 Switch 封装 <Input type="checkbox" /> 组件

示例

代码节选自:yis-demo/src/pages/components/switch/index.js
<Switch
    value="basic"
    label={!!~this.state.checkboxGroupValue.indexOf("label") ? "基本测试用例" : null}
    onChange={this.handleCheckboxChange}
    checked={this.checkboxChecked("basic")}
    className={!!~this.state.checkboxGroupValue.indexOf("color") ? styles.wrapper : ""}
    disabled={!!~this.state.checkboxGroupValue.indexOf("disable")}
/>

样式变量

--switch-checked-color: red;
--switch-text-color: black;

参数

参数名 类型 必选 默认值 描述
label string × 说明文本
checked boolean × false 选中状态
children string × label 中包裹子节点
className string × 根节点附加类名
disabled boolean × 禁止操作
name string , number × input name 属性
onChange function × 切换回调 参数为 已经选中的 value 值