Components•Prompt composer
Components•Prompt composer
Prompt composer
A chat input that grows with its text, takes files by button, paste or drop, opens a command list on “/”, and turns send into stop while a reply streams.
Dependencies
Copy below cli
npx shadcn add @bjork-ui/prompt-composerHow to use
import { PromptComposer, SAMPLE_COMMANDS } from "@/components/bjork-ui/ai/prompt-composer";import { ModelSelector } from "@/components/bjork-ui/ai/model-selector";export function Composer({ streaming, send, stop }: { streaming: boolean; send: (text: string) => void; stop: () => void }) { return ( <PromptComposer streaming={streaming} commands={SAMPLE_COMMANDS} onSubmit={({ text }) => send(text)} onStop={stop} modelSlot={<ModelSelector side="top" />} /> );}
Enter sends, Shift+Enter adds a line, drop or paste files
Options