Utility
AI
Terminal
Installation
pnpm dlx shadcn@latest add https://termcn.dev/r/chat-message.json
Usage
import { ChatMessage } from "@/components/ui/chat-message";<ChatMessage sender="assistant" name="Claude" timestamp={new Date()}>
Here is the refactored version of your function.
</ChatMessage>API Reference
ChatMessage
| Prop | Type | Default |
|---|---|---|
sender | "user" | "assistant" | "system" | "error" | required |
name | string | undefined |
timestamp | Date | undefined |
streaming | boolean | false |
collapsed | boolean | undefined |
children | ReactNode | undefined |