← DOCS
inputs

ChatInterface

Chat message interface with echo response and themes.

npx chaos add chat-interface

PREVIEW

Hi

USAGE

case 'glass-button': return ; case 'neon-glow': return ; case 'floating-button': return ;
import { ChatInterface } from '@oalacea/chaosui/inputs/chat-interface';

<ChatInterface />
<ChatInterface theme="neon" showTimestamps />
<ChatInterface onSendMessage={(msg) => console.log(msg)} />

PROPS

PropTypeDefault
initialMessagesInitial messages
Message[][]
onSendMessageCallback on send
(content: string) => void-
showTimestampsShow timestamps
booleanfalse
themeChat theme
"terminal" | "neon" | "minimal" | "cyber""terminal"
autoScrollAuto-scroll to bottom
booleantrue
showInputShow input field
booleantrue
placeholderInput placeholder
string"Type a message..."
sendLabelSend button label
string"Send"