chat-input
AI prompt input with actions
AIchat-input.css
Installation
$
npx skeehn add chat-inputPreview
Preview not yet available for this component.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| placeholder | string | — | Placeholder text |
| state | 'idle' | 'streaming' | 'disabled' | 'idle' | Input state |
| variant | 'default' | 'minimal' | 'default' | Visual variant |
| onSubmit | (value: string) => void | — | Submit callback |
Usage
chat-input.tsx
1import { ChatInput } from '@skeehn/react';23export function PromptBar() {4 return (5 <ChatInput6 placeholder="Ask me anything..."7 onSubmit={(value) => console.log(value)}8 />9 );10}