Quoted message block inside a bubble, with the replying author and the reply text beneath.
The import and the props worth knowing about, in one place.
import { Chat7 } from "@/components/beste/piece/chat7";
<Chat7
replyAuthor="Ayşe"
replyPreview="What time are we demoing tomorrow?"
message="10 AM Istanbul, same Zoom link as last week."
role="sent"
/>Message bubble with a small floating reaction chip tucked into the bottom corner.
Standard chat bubble with a subtle italic edited caption beneath.
Chat bubble with a question and voting options. Each row fills proportionally to its vote count.
Chat bubble with an avatar and timestamp. Role flips alignment and color.