建议提示与后续问题
Suggested Prompts / Follow-ups
用可点击的例子帮助用户开始，或接着当前结果继续探索。
可以从这些问题开始
app.mjs
import { mount } from '@sofish/ui/browser';
const view = mount(
document.querySelector('#example'),
'suggestions',
{
"demo": true
}
);
view.element.addEventListener('ui:select', event => {
console.log(event.detail.value);
});
// view.update({ ...nextProps });
// view.destroy();什么时候用
空会话缺少起点，或回答后有明确的下一步。
什么时候不用
建议没有结合当前上下文时，不要让它挤占主要答案。
COMPONENT API
属性与事件
传入业务数据，通过事件连接你的应用。
| 属性 | 默认值 |
|---|---|
title | "可以从这些问题开始" |
items | ["比较两个组件","解释使用边界"] |
disabled | false |
demo | false |
事件
ui:select
INTERACTION NOTES
交互与可访问性
- 使用真正的按钮。
- 说明点击会填入草稿还是直接发送。
和相似组件的区别
建议是可选入口；追问通常要求回答后才能继续，两者不能混为必答表单。
RESEARCH & ALTERNATIVES
官方实现映射
以下是上游生态对同类交互的实现。上方运行的是 UI 自己的组件。
关键状态
React / Next.js、Vue / Nuxt · 来源核验