Installation
Props
ChatInterface Props
| Prop | Type | Default | Description |
|---|---|---|---|
brandName | string | "MotionX" | Brand name in sidebar header |
brandIcon | React.ReactNode | auto-generated circle | Custom brand icon/logo |
brandColor | string | "#FF5722" | Accent color for brand elements |
greeting | string | "Hello, how can I help?" | Main greeting text |
greetingEmoji | React.ReactNode | - | Emoji/icon above greeting |
placeholder | string | "How can I help you..." | Prompt textarea placeholder |
suggestions | ChatSuggestion[] | [] | Suggestion pills below prompt |
navGroups | ChatNavGroup[] | [] | Sidebar navigation groups |
user | ChatUser | - | User info in sidebar footer |
onSubmit | (q: string) => void | - | Called when prompt is submitted |
onSuggestionClick | (s: string) => void | - | Called when suggestion pill clicked |
defaultCollapsed | boolean | false | Initial sidebar collapsed state |
className | string | - | Additional CSS classes |