跳到主要内容

Switch 开关

介绍

开关

用法

基础

<OsSwitch checked={v1} onChange={setV1}></OsSwitch>

<OsSwitch checked={v2} onChange={setV2}></OsSwitch>

自定义颜色

<OsSwitch
checked={v3}
onChange={setV3}
onColor='rgb(221, 26, 33)'
></OsSwitch>

<OsSwitch
checked={v4}
onChange={setV4}
offColor='#dfdfdf'
></OsSwitch>

禁用

<OsSwitch checked={v6} onChange={setV6} disabled></OsSwitch>

<OsSwitch checked={v7} onChange={setV7} disabled></OsSwitch>

API

属性

参数说明类型默认值
isChecked是否打开,isChecked属性在未来版本中将被删除,请使用checked代替booleanfalse
checked是否打开booleanfalse
onColor打开时的背景色,可选string-
offColor关闭时的背景色,可选string-
nodeColor滑块颜色,可选string-
isDisabled禁用,可选,isDisabled属性在未来版本中将被删除,请使用disabled代替booleanfalse
disabled禁用,可选booleanfalse

方法

函数名说明参数
onChange点击时触发,必选开关新值