开关

描述

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

Description

尺寸

Switch 有两种主要尺寸:

Sizes

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

状态

Switch 有四种主要状态:

States

  1. : 选项或功能被禁用的非活动状态。
  2. : 选项或功能被启用的活动状态。
  3. 悬停: 当用户将鼠标悬停在元素上时,它会以视觉方式响应,表明可以与之交互。
  4. 禁用: 元素处于非活动状态且无法与之交互的状态。

属性

该组件可以启用/禁用标签。标签默认禁用,但可以使用“Label”属性启用。

请注意,如果调整元素大小,标签的大小也会相应调整:

Labels

  • 13px 是 M 尺寸标签的字体大小
  • 15px 是 L 尺寸标签的字体大小

用户指南

为了保持界面的视觉凝聚力和一致性,如果打开/关闭开关会立即改变某些选项或页面的整体状态,请使用开关。我们不建议将开关和操作确认按钮一起使用。在这些情况下,最好使用复选框。

上一页旋转加载
下一页表格