Components•Suggested prompts
Components•Suggested prompts
Suggested prompts
Starter prompts for an empty chat and follow-up chips after an answer. Arrow keys move through the set, it blurs in quickly, shows skeletons while suggestions stream in, and Shuffle crossfades to a new set.
Dependencies
Copy below cli
npx shadcn add @bjork-ui/suggested-promptsHow to use
import { SuggestedPrompts, SAMPLE_STARTERS, SAMPLE_FOLLOWUPS } from "@/components/bjork-ui/ai/suggested-prompts";export function EmptyChat({ send }: { send: (text: string) => void }) { return ( <> <SuggestedPrompts label="Try asking" prompts={SAMPLE_STARTERS} onSelect={(p) => send(p.prompt ?? p.title)} /> <SuggestedPrompts variant="chips" prompts={SAMPLE_FOLLOWUPS} onSelect={(p) => send(p.title)} /> </> );}
Try asking
Follow up
Pick a prompt, or use the arrow keys
Options