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 |
|---|---|---|---|
| contextKey | string | - | Unique identifier for the conversation thread |
| defaultOpen | boolean | false | Whether the thread starts expanded or collapsed |
| className | string | - | Additional CSS classes for positioning and styling |
| height | string | 80vh | Height of the thread content. Supports any CSS height value (e.g., "700px", "80vh", "90%") |