Message bubble with a small floating reaction chip tucked into the bottom corner.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Chat5 } from "@/components/beste/piece/chat5";
<Chat5
message="Shipped the v2 onboarding this morning 🚀"
reactions={[
{
"emoji": "🔥",
"count": 4,
"mine": true
},
{
"emoji": "🎉",
"count": 2
},
{
"emoji": "❤️",
"count": 1
}
]}
role="received"
/>