Chatbot
Conversation
Scrollable container for displaying message threads with auto-scroll and download functionality.
What are React Server Components and how do they differ from Client Components?
React Server Components (RSC) render exclusively on the server and send only HTML to the client — they never ship JavaScript for interactivity. This means they can directly access databases, read files, and use server-only APIs without exposing secrets. Client Components, marked with "use client", render on both server (for SSR) and client. They can use hooks like useState and useEffect, handle events, and access browser APIs.
When should I use each one?
Use Server Components by default — they reduce bundle size and improve performance. Switch to Client Components only when you need interactivity (forms, click handlers), browser APIs (localStorage, geolocation), or React hooks for state management.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| className | string | - | Additional CSS classes |
| title | string | "No messages yet" | Empty state title |
| description | string | - | Empty state description |
| icon | React.ReactNode | - | Empty state icon |
Import
import { Conversation, ConversationContent, ConversationEmptyState, ConversationScrollButton } from '@blastx/ui-ai';