亲手试一试。
01 / LIVE PREVIEW● FormSelect
STATES / 示例状态
展开键盘导航
在左侧预览中体验这枚组件。INTERACTIVE SPECIMEN · 跟随全站主题
用法
02 / USAGE下方展示组件的调用方式。
RUST · DIOXUS RSX
let mut topic = use_signal(|| "all".to_string());
rsx! {
FormSelect {
value: topic(),
options: vec![("all".to_string(), "全部"), ("design".to_string(), "设计")],
onchange: move |value| topic.set(value),
}
}
主要属性
03 / PROPERTIES| 属性 / 类型 | 默认值 | 说明 |
|---|
valueT | 必填 | 当前选中的值。 |
optionsVec<(T, &'static str)> | 必填 | 选项值与显示文本。 |
onchangeEventHandler<T> | 必填 | 返回选择的新值。 |
idOption<String> | 自动生成 | 关联表单标签。 |
trigger_classOption<&'static str> | 默认样式 | 覆盖触发器样式。 |
aria_labelOption<&'static str> | None | 触发器的无障碍名称。 |
操作方式
04 / INTERACTION↑ ↓移动选项Enter确认选择Escape关闭面板