开关

ToggleSwitch输入与选择

直接开启或关闭一项设置。开启时轨道变为陶土色,圆点以弹簧滑到右侧。

预览

接收更新
自动备份

属性

名称类型默认值说明
checkedSignal<bool>必填当前开关状态。
ontoggleCallback<()>必填点击后通知父组件切换状态。
aria_labelMaybeProp<String>None开关的无障碍名称。
disabledSignal<bool>false禁用。

键盘

Tab
移动焦点
Space / Enter
切换开关

用法

src/components/forms.rs
Leptos view!
let enabled = RwSignal::new(true);

view! {
    <ToggleSwitch
        checked=enabled
        aria_label="\u63A5\u6536\u66F4\u65B0"
        ontoggle=move |()| enabled.update(|on| *on = !*on)
    />
}