开关按钮组件
开关按钮提供了一种视觉直观的方式来切换设置的开启或关闭状态,通常用于系统设置、功能启用或禁用等场景。
基础用法
最基本的开关按钮组件,提供开启和关闭两种状态。
不同尺寸
开关按钮提供三种不同尺寸:小号、默认和大号。
禁用状态
开关按钮可以设置为禁用状态,此时用户无法切换其状态。
带图标的开关
在开关标签旁添加图标,增强视觉效果和可识别性。
带描述的开关
为开关添加描述信息,帮助用户更好地理解功能。
API
开关按钮组件的属性和类
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
switch-toggle | 开关按钮基础类 | string | - |
active | 标记开关为开启状态 | string | - |
disabled | 禁用开关 | string | - |
small | 小号开关 | string | - |
large | 大号开关 | string | - |
switch-item | 开关组项容器类 | string | - |
switch-label | 开关标签类 | string | - |