Skip to main content

ToggleSwitch

Function ToggleSwitch 

Source
pub fn ToggleSwitch(_: ToggleSwitchProps) -> Element
Expand description

开关(toggle switch)组件。

自定义滑块开关,取代原生 checkbox 用于设置项的布尔切换。视觉与交互全站统一: 轨道 44×24px,开启主题绿、关闭 paper-tertiary;圆点 20px 白色,开启右移 20px。 accessibility:role="switch" + aria-checked,键盘 focus-visible 描边。

Props:

  • checked:当前开关状态
  • ontoggle:点击切换回调(父组件在回调内翻转 signal 并触发副作用)

§Props

For details, see the props struct definition.