Switch 开关

介绍

开关

用法

基础

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

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

自定义颜色

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

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

禁用

<OsSwitch isChecked={v6} onChange={setV6} isDisabled></OsSwitch>

<OsSwitch isChecked={v7} onChange={setV7} isDisabled></OsSwitch>

API

属性

参数	说明	类型	默认值
isChecked	是否打开，必选	boolean	false
onColor	打开时的背景色，可选	string	-
offColor	关闭时的背景色，可选	string	-
nodeColor	滑块颜色，可选	string	-
isDisabled	禁用，可选	boolean	false

方法

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