Utility
AI
Terminal
Installation
pnpm dlx shadcn@latest add https://termcn.dev/r/chat-thread.json
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 |