Switch 开关

表示两种相互对立的状态间的切换，多用于触发「开/关」。

基础用法

绑定 value 到一个 Boolean 类型的变量。 可以使用 --svel-switch-on-color 属性与 --svel-switch-off-color 属性来设置开关的背景色。

尺寸

文字描述

使用activeText属性与inactiveText属性来设置开关的文字描述。 使用 inlinePrompt 属性来控制文本是否显示在点内。

使用activeText属性与inactiveText属性来设置开关的文字描述。

显示自定义图标

使用 activeIcon 和 inactiveIcon slot来添加图标。 使用 inlinePrompt 属性来控制图标显示在点内。

扩展的 value 类型

你可以设置 activeValue 和 inactiveValue 属性， 它们接受 Boolean、String 或 Number 类型的值。

禁用状态

设置disabled属性，接受一个Boolean，设置true即可禁用。

加载状态

设置loading属性，接受一个Boolean，设置true即加载中状态。

阻止切换

设置beforeChange属性，若返回 false 或者返回 Promise 且被 reject，则停止切换。

自定义动作图标

使用 activeActionIcon 和 inactiveActionIcon slot来添加图标。