Utility
Terminal
█
chat-thread-demo █
Loading preview... █
█
█
█
█
█
█
█
█
█
█
█
█
█
█
█Installation
$ pnpm dlx shadcn@latest add @termcn/opentui/chat-thread
Usage
import { ChatThread } from "@/components/ui/chat-thread";
import { ChatMessage } from "@/components/ui/chat-message";<ChatThread maxHeight={20}>
<ChatMessage sender="user">How do I center a div?</ChatMessage>
<ChatMessage sender="assistant">
Use flexbox: display flex, justify-content center, align-items center.
</ChatMessage>
</ChatThread>API Reference
ChatThread
| Prop | Type | Default |
|---|---|---|
maxHeight | number | - |
autoScroll | boolean | true |
children | ReactNode | - |