Two-sided conversation
Incoming and outgoing rows separated by nothing but the align prop.
- Library
- ReUI
- Framework
- React
- Type
- block
- License
- MIT
- Install
npx shadcn@latest add @reui/c-message-1- Files
registry-reui/bases/radix/components/message/c-message-1.tsxregistry/bases/radix/ui/bubble.tsxregistry/bases/radix/ui/message.tsx
- Source
- https://github.com/keenthemes/reui
Categories
- AI Element Components
- React AI Element Components
- Tailwind CSS AI Element Components
- Chat Message Components
- React Chat Message Components
- Tailwind CSS Chat Message Components
- Conversation Components
- React Conversation Components
- Tailwind CSS Conversation Components
- Social Components
- React Social Components
- Tailwind CSS Social Components
More from ReUI
- Support thread with sender alignment
- Bubble variants in a release thread
- Grouped consecutive messages
- Message reactions and a reaction button
- Long reply with show more
- Quick reply bubbles and an action row
- Assistant answer with formatted content
- Avatars on both sides
- Sender name and delivery status
- Reply actions in the footer
- Files shared in a thread
- Consecutive messages from one sender