复选框

Checkbox输入与选择

在多个选项中自由选择，或确认一项操作。勾选时，以轻巧的描边动画给予回应。

记住这个小小的选择

checked: false · danger: false

属性

名称	类型	默认值	说明
`checked`	`Signal<bool>`	必填	当前是否选中，由父组件控制。
`onchange`	`Callback<bool>`	必填	选择发生变化时，返回新的布尔值。
`danger`	`Signal<bool>`	`false`	使用红色强调，适合需要谨慎确认的操作。

键盘

Tab: 移动焦点
Space: 切换选中状态

用法

src/components/ui.rs

let checked = RwSignal::new(false);

view! {
    <label>
        <Checkbox
            checked=checked
            onchange=move |value: bool| checked.set(value)
        />
        "记住这个小小的选择"
    </label>
}

预览

属性

键盘

用法