Chat Variants

Different visual themes for the Chat component

← Back

Select Variant

Usage

<Chat
  agentId="..."
  variant="default"
/>

Default Variant

The standard appearance with neutral colors and subtle styling. Works well in most contexts.

AI Assistant
Ready
Hello! I'm here to help. What can I assist you with today?
11:54 AM
Can you help me understand the different chat variants?
11:54 AM
Of course! There are three variants available:
Default - Standard chat appearance with subtle styling
Minimal - Clean, borderless design for seamless embedding
Terminal - Hacker/developer aesthetic with monospace fonts
11:55 AM