Utility
AI
Terminal
chat-thread-demo
No opentui live preview is registered for this example yet.
Installation
pnpm dlx shadcn@latest add @termcn/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 | undefined |
autoScroll | boolean | true |
children | ReactNode | undefined |