Chat Messages
Chat view with grouped bubbles, sent/read receipts, a typing indicator and auto-scroll.
Copy a prompt for your AI coding tool with the source, dependencies and usage
Props
ChatMessagesProps
Also accepts all props of Omit<React.ComponentProps<"div">, "onChange">
| Prop | Type | Default | Description |
|---|---|---|---|
| messages* required | ChatMessage[] | — | — |
| partner | string | "Them" | — |
| typing | boolean | false | Show the animated typing bubble |
| onSend | (text: string) => void | — | — |
Install
$ npx shadcn@latest add https://chromotion.dev/r/chat-messages.json