framework
framework/antd/selection/index.md
medium
framework-antd-selection-index
antd 组件选型索引，按 UX 任务给「用哪个 antd 组件」的决策入口，涵盖浮层 / 输入 / 数据展示 / 反馈 / 导航五类。Use when 已定用 antd 但不确定用哪个具体组件承载某个 UX 任务 / 在 Modal-Drawer-Popover 等近义组件间纠结 / 选错组件想纠偏。
子项索引
| 子项 | 一句话 |
|---|---|
| overlay-selection skill | antd 浮层选型，在 Modal / Drawer / Popover / Tooltip / Popconfirm 间按交互意图定夺 |
| input-selection skill | antd 输入/选择控件选型，按互斥性·候选项数·层级在单选多选层级三类组件间收敛 |
| data-display-selection skill | 数据展示选型，按数据形状定承载组件 Table / List / Descriptions / Card / Tree |
| feedback-selection skill | antd 反馈组件按持久度选型:瞬时 message / 富文本 notification / 内联 Alert / 整页 Result |
| navigation-selection skill | antd 导航组件 Tabs / Steps / Menu / Breadcrumb 按视图关系选型 |
antd · 组件选型索引
本层包含
| 名称 | 类型 | 一句话 |
|---|---|---|
| overlay-selection | skill | 浮层：Modal / Drawer / Popconfirm / Popover / Tooltip 怎么选 |
| input-selection | skill | 输入采集：Select / Cascader / TreeSelect / AutoComplete / Radio / Checkbox / Switch / Segmented 怎么选 |
| data-display-selection | skill | 数据展示:Table / List / Descriptions / Card / Tree 怎么选 |
| feedback-selection | skill | 状态反馈:message / notification / Alert / Result 怎么选 |
| navigation-selection | skill | 导航切换:Tabs / Steps / Menu / Breadcrumb 怎么选 |
何时下钻
- 要在当前页面之上弹出内容（确认 / 表单 / 提示 / 菜单）→
overlay-selection.md - 要让用户从候选集里选值或开关状态 →
input-selection.md - 要把一份数据只读地呈现给用户看 →
data-display-selection.md - 要告诉用户操作的结果 / 加载 / 进度状态 →
feedback-selection.md - 要在多个视图 / 步骤 / 页面间切换位置 →
navigation-selection.md
链接
- 上层：
../index.md - 前置：
../when-antd-vs-custom.md（先定用 antd 再来选组件） - 不确定 API：
../antd-mcp-usage.md