Thread Content
A primitive component that displays the main content area of a conversation thread. Automatically connects to the Tambo context to render messages with customizable styling variants.
Examples
Default Variant
tool: get_weatherparameters:
{"city": "San Francisco"}
☀️
San Francisco
Sunny
Solid Variant
tool: get_weatherparameters:
{"city": "San Francisco"}
☀️
San Francisco
Sunny
Empty Thread (No Messages)
Installation
Component API
ThreadContent
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | "default" | "solid" | "default" | Optional styling variant for the message container |
| children | React.ReactNode | - | The child elements to render within the container |
ThreadContentMessages
| Prop | Type | Default | Description |
|---|---|---|---|
| className | string | - | Optional CSS classes to apply to the messages container |
Features
- Automatic Context Integration: Connects to Tambo thread context to display messages
- Loading State Handling: Shows loading indicators for messages being generated
- Message Variants: Applies consistent styling variants to all messages
- Responsive Layout: Handles message alignment based on sender role
- Component Rendering: Supports rendered components within assistant messages