Message Thread Collapsible
A collapsible message thread component that can be positioned anywhere on your page. Features chat history, input field, and expand/collapse functionality. Perfect for adding contextual AI assistance without taking up permanent screen space.
Examples
Basic Usage
Installation
Component API
MessageThreadCollapsible
| Prop | Type | Default | Description |
|---|---|---|---|
| defaultOpen | boolean | false | Whether the thread starts expanded or collapsed |
| className | string | - | Additional CSS classes for positioning and styling |
| variant | "default" | "compact" | "solid" | "default" | Visual style variant for messages in the thread |
| height | string | 80vh | Height of the thread content. Supports any CSS height value (e.g., "700px", "80vh", "90%") |