Message reactions and a reaction button
A static emoji row, a pressable reaction with a count, and a top anchored row.

- Library
- ReUI
- Framework
- React
- Type
- block
- License
- MIT
- Install
npx shadcn@latest add @reui/c-bubble-4- Files
registry-reui/bases/radix/components/bubble/c-bubble-4.tsxregistry/bases/radix/ui/bubble.tsxregistry/bases/radix/ui/button.tsxregistry/bases/radix/ui/card.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
- Long reply with show more
- Quick reply bubbles and an action row
- Assistant answer with formatted content
- Two-sided conversation
- Avatars on both sides
- Sender name and delivery status
- Reply actions in the footer
- Files shared in a thread
- Consecutive messages from one sender