组件 • 开关
开关
§描述
该组件是一个交互式控件,可以在两种状态之间切换:启用(开)和禁用(关)。它用于启用或禁用某些功能、选项或设置。

§尺寸
Switch 有两种主要尺寸:

- M (中):适用于标准用例。它为大多数用户提供了直观的视觉体验。
- L (大):当需要突出显示元素或偏好更大的字体大小时使用。
§状态
Switch 有四种主要状态:

- 关: 选项或功能被禁用的非活动状态。
- 开: 选项或功能被启用的活动状态。
- 悬停: 当用户将鼠标悬停在元素上时,它会以视觉方式响应,表明可以与之交互。
- 禁用: 元素处于非活动状态且无法与之交互的状态。
§属性
该组件可以启用/禁用标签。标签默认禁用,但可以使用“Label”属性启用。
请注意,如果调整元素大小,标签的大小也会相应调整:

- 13px 是 M 尺寸标签的字体大小
- 15px 是 L 尺寸标签的字体大小
§用户指南
为了保持界面的视觉凝聚力和一致性,如果打开/关闭开关会立即改变某些选项或页面的整体状态,请使用开关。我们不建议将开关和操作确认按钮一起使用。在这些情况下,最好使用复选框。