开关
ToggleSwitch输入与选择直接开启或关闭一项设置。开启时轨道变为陶土色,圆点以弹簧滑到右侧。
接收更新
自动备份
属性
| 名称 | 类型 | 默认值 | 说明 |
|---|---|---|---|
checked | Signal<bool> | 必填 | 当前开关状态。 |
ontoggle | Callback<()> | 必填 | 点击后通知父组件切换状态。 |
aria_label | MaybeProp<String> | None | 开关的无障碍名称。 |
disabled | Signal<bool> | false | 禁用。 |
键盘
- Tab
- 移动焦点
- Space / Enter
- 切换开关
用法
src/components/forms.rslet enabled = RwSignal::new(true);
view! {
<ToggleSwitch
checked=enabled
aria_label="\u63A5\u6536\u66F4\u65B0"
ontoggle=move |()| enabled.update(|on| *on = !*on)
/>
}