正在打开每日关注
正在打开每日关注
shadcn 发布支持选择、自由回答、跳过与恢复的多步问答组件,适合 Agent 追问流程。
New component: Questionnaire. Use it to build multi-step question flows, like agents asking follow-up questions. Supports single and multiple choice, freeform answers, skippable and conditional steps, controlled and resumable state, custom progress, bring-your-own validation, full keyboard navigation with answer shortcuts, ssr-ready, accessible and composable. Available for Base UI, Radix, React Aria in all styles. Also available as unstyled headless in shadcn/react.
是什么 这是 shadcn 发布的 Questionnaire 组件,用于把 Agent 的追问组织成可推进、可跳过、可恢复的多步问答。截图展示三个连续步骤:先以单选和自由输入收集原型方向,再用多选收集进度更新字段,最后选择复访时间并保存。
核心设计 它把等待用户决定做成明确的交互状态:问题、辅助说明、选项卡片与底部导航形成稳定阅读顺序;单选圆点、多选勾选和 A/B/C 标记降低选择成本,Previous、Skip、Next 与 Save answers 覆盖回退、跳过和提交。受控与可恢复状态适合 Agent 暂停后继续,条件步骤与自定义校验则能接入业务逻辑;SSR、无障碍、键盘导航和可组合性扩大了落地范围。组件同时适配 Base UI、Radix、React Aria 及无样式 Headless 形态,便于接入不同设计系统。
关键洞察 对 Agent 产品而言,追问不是聊天气泡的附属功能,而是需要进度、选择约束和状态持久化的任务界面。将等待输入显式化,有助于用户理解 Agent 当前需要什么,以及答案会如何推动下一步。
边界与风险 公告没有说明具体状态存储、条件表达式或校验 API,不能假定业务协议开箱即用。问题过多会增加中断感,应控制步数,并为跳过、恢复、错误和移动端窄屏提供明确反馈。