单选框

Radio输入与选择

从一组互斥选项中选择一项。相同 name 连接同组控件,并保留原生键盘行为。

预览

属性

名称类型默认值说明
nameString必填同一组单选框共用的名称。
valueString必填当前选项的值。
checkedSignal<bool>必填是否选中当前选项。
onchangeCallback<String>必填返回被选中选项的值。
disabledSignal<bool>false禁止选择此项。

键盘

Tab
进入选项组
↑ ↓ ← →
切换选项

用法

src/components/ui.rs
Leptos view!
let visibility = RwSignal::new("public".to_string());

view! {
    <label>
        <Radio
            name="visibility"
            value="public"
            checked=move || visibility.get() == "public"
            onchange=move |value: String| visibility.set(value)
        />
        "\u516C\u5F00\u5206\u4EAB"
    </label>
}