PromptSuggestions

Beispiel-Prompts, bevor ein Verlauf beginnt: bis zu drei leise Zeilen, die beim Überfahren eine Fläche bekommen und verschwinden, sobald ein Prompt gesendet ist.

Quelltext

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";

Props

align
"start" | "center" = start
Richtet die Vorschläge am Anfang oder in der Mitte aus.
aria-label
string
Der zugängliche Name der Liste. Standardmäßig „Beispiel-Prompts“ in der Sprache des LocaleProvider.
onSelect
(prompt: string) => void
Setzt den Prompt in den Composer (oder sendet ihn).
suggestions
string[]
Bis zu drei kurze Prompts; weitere werden ausgelassen.