Switch Row
A settings row with text on the left and a switch on the right — changes apply instantly, no save button.
Picker / Select
选择器
Tap to open a list of options — city, date, category: choose from what exists instead of typing.
All platformsFormsBottom sheetComponent
大白话说明
选择器把「输入」变「挑选」：触发器长得像输入框，点开后移动端从底部升起滚轮或列表，桌面端展开下拉。选项多时带搜索，选完触发器显示结果，带清除小叉。
什么时候用
选项来自固定集合（城市、类目、状态）时——挑永远比打字快且不出错。
什么时候不用
选项只有 2–4 个时直接平铺单选按钮，别藏进选择器多一次点击；自由文本更别伪装成选择器。
细节与变体
- 选项超過 20 个必须给搜索或分组，否则滚动找选项是酷刑
- 默认选中要有理由（最近用过/最常用），别默认第一个糊弄
- 多选时触发器显示「已选 3 项」而不是把名字全塞进去溢出
配套效果见下方「可用效果」。
Matching prompt (fill in & copy)
Effects you can apply
Reference implementations (open source)
- Ant Design ↗ MIT · 免费（MIT）
The de-facto standard for admin interfaces in China — tables, forms, lists.
- Mantine ↗ MIT · 免费（MIT）
A batteries-included React library: 100+ components and hooks, even date pickers.
- Radix UI ↗ MIT · 免费（MIT）
Unstyled primitives that get behavior right: keyboard, focus, and ARIA for overlays and controls.