#Switch 开关

#介绍

用于在打开和关闭状态之间进行切换。

#引入

import { Switch } from "@taroify/core"

#代码演示

#基础用法

通过 checked 绑定开关的选中状态，true 表示开，false 表示关。

<Switch />

#禁用状态

通过 disabled 属性来禁用开关，禁用状态下开关不可点击。

<Switch disabled />

#加载状态

通过 loading 属性设置开关为加载状态，加载状态下开关不可点击。

<Switch loading />

#自定义大小

通过 size 属性自定义开关的大小。

<Switch size="24" />

#自定义颜色

通过 css 设置打开与关闭时的背景色。

<Switch className="custom-color" />

.custom-color {
  --switch-background-color: #dcdee0;
  --switch-checked-color: #ee0a24;
}

#搭配单元格使用

<Cell align="center" title="标题" extra={<Switch size="24" />} />

#API

#Props

#Events

#主题定制

#样式变量

组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。