Message bubble with a small floating reaction chip tucked into the bottom corner.
The import and the props worth knowing about, in one place.
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"
/>Quoted message block inside a bubble, with the replying author and the reply text beneath.
Standard chat bubble with a subtle italic edited caption beneath.
Dashed-border outgoing bubble above a Clock chip showing when it will send.