PromptSuggestions
对话开始前的示例提示词:最多三行低调的文字,悬停时显示底色,发送提示词后消失。
function Basic() {
const [draft, setDraft] = useState("");
return (
<div className="flex w-full max-w-640 flex-col gap-12">
{draft === "" && <PromptSuggestions suggestions={suggestions} onSelect={setDraft} />}
<Composer value={draft} onValueChange={setDraft} aria-label="Message all models" placeholder="Message 3 models" />
</div>
);
}import { PromptSuggestions } from "@logicplanes/kaeso-ui/playground";属性
align"start" | "center" = start将建议对齐到开头或居中。
aria-labelstring列表的无障碍名称。默认为 LocaleProvider 语言中的“示例提示词”。
onSelect(prompt: string) => void将提示词放入输入框(或直接发送)。
suggestionsstring[]最多三条简短提示词;多出的不显示。