Two-person thread that plays out once: a typing indicator bounces before each incoming reply, bubbles slide up as they land, and the finished conversation stays put.
The import and the props worth knowing about, in one place.
import { Chat35 } from "@/components/beste/piece/chat35";
<Chat35
messages={[
{
"from": "them",
"text": "Hey, is the new mix ready?"
},
{
"from": "me",
"text": "Almost. Bouncing the final version now."
},
{
"from": "them",
"text": "Perfect. Can you send the stems too?"
},
{
"from": "me",
"text": "Sure, sharing the folder in a minute."
},
{
"from": "them",
"text": "You are the best. Thank you!"
}
]}
themName="Nina Simone"
themInitials="NS"
/>Message bubble with a small floating reaction chip tucked into the bottom corner.
Quoted message block inside a bubble, with the replying author and the reply text beneath.
Chat bubble with a question and voting options. Each row fills proportionally to its vote count.