SepSwitch 开关组件 v1.0.0
独立开关按钮 · 基于 <button> · 支持 checked / loading / disabled · 三种尺寸 · 自定义值 · 声明式标签
1. 基础开关(关闭 / 开启 / 禁用)
HTML 声明式标签
JS API 初始化
2. 三种尺寸(small / default / large)
HTML 声明式标签
JS API 初始化
3. 内嵌文字(labelOn / labelOff)
HTML 声明式标签
隐藏标签(showLabel="false")
JS API 初始化
4. loading 加载态(防重复提交)
JS API 初始化
就绪
5. onChange 事件回调
JS API 初始化
当前值: false
6. 自定义值(checkedValue / uncheckedValue)
HTML 声明式标签
JS API 初始化
getValue() = 1
7. API 控制(toggle / on / off / setDisabled)
JS API 初始化
8. 主题切换开关(variant="theme")
HTML 声明式标签
JS API 初始化
当前: 亮色
9. 自定义图标与颜色(iconOn / iconOff / colorOn / colorOff)
HTML 声明式标签
9.1 自定义颜色 — 状态色
9.2 自定义颜色 — 品牌色
9.3 自定义图标 — 常用场景
9.4 图标 + 文字 + 颜色 组合
JS API 初始化
getValue() = true
9.6 动态切换颜色(运行时 update)
#3B82F6