prompt-suggestions
Starter prompt suggestions for empty AI chat state
AIprompt-suggestions.cssprompt-suggestions.htmlprompt-suggestions.js
Installation
$
npx skeehn add prompt-suggestionsPreview
How can I help you?
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| suggestions | PromptSuggestionItem[] | — | Array of suggestion items (required) |
| label | string | — | Label text above the grid |
| variant | 'chips' | — | Visual variant |
| onSelect | (value: string) => void | — | Selection callback |
Usage
prompt-suggestions.tsx
1import { PromptSuggestions } from '@skeehn/react';23export function EmptyChat() {4 return (5 <PromptSuggestions6 label="How can I help you?"7 suggestions={[8 { value: 'explain', text: 'Explain a concept', icon: '?' },9 { value: 'build', text: 'Build something', icon: '>' },10 { value: 'debug', text: 'Debug an issue', icon: '!' },11 { value: 'review', text: 'Review code', icon: '#' },12 ]}13 onSelect={(value) => console.log(value)}14 />15 );16}