开关行
左边一行字、右边一个开关的设置行：点一下立刻生效，不需要保存按钮。
选择器
Picker / Select
点一下弹出一列选项让你挑：城市、日期、分类——不用打字，从现成的里选。
全平台通用表单与输入底部弹层组件
大白话说明
选择器把「输入」变「挑选」：触发器长得像输入框，点开后移动端从底部升起滚轮或列表，桌面端展开下拉。选项多时带搜索，选完触发器显示结果，带清除小叉。
什么时候用
选项来自固定集合（城市、类目、状态）时——挑永远比打字快且不出错。
什么时候不用
选项只有 2–4 个时直接平铺单选按钮，别藏进选择器多一次点击；自由文本更别伪装成选择器。
细节与变体
- 选项超過 20 个必须给搜索或分组，否则滚动找选项是酷刑
- 默认选中要有理由（最近用过/最常用），别默认第一个糊弄
- 多选时触发器显示「已选 3 项」而不是把名字全塞进去溢出
配套效果见下方「可用效果」。
配套提示词（点开填空、复制）
可用效果
参考实现（开源）
- Ant Design（蚂蚁） ↗ MIT · 免费（MIT）
国内中后台的事实标准：表格、表单、列表都是行业参照物。
- Mantine ↗ MIT · 免费（MIT）
React 组件与 hooks 大礼包：100+ 组件，连日期选择这种难啃的都有。
- Radix UI（无样式原语） ↗ MIT · 免费（MIT）
只管行为不管长相的组件原语：弹层、菜单、开关的键盘与焦点处理都替你做好了。