Care team
Online
A short message thread with a header contact, an online marker, and alternating incoming and outgoing bubbles.
The import and the props worth knowing about, in one place.
import { Chat33 } from "@/components/beste/piece/chat33";
<Chat33
surface="card"
bordered={true}
inverted={false}
name="Care team"
status="Online"
items={[
{
"from": "them",
"text": "Rowan's intake is ready for review."
},
{
"from": "me",
"text": "Great, I'll approve the plan now."
},
{
"from": "them",
"text": "Thanks, I'll book the first session."
}
]}
/>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.
Pushed a new pass on the empty states — peek when you have a sec 🎨
Avatar plus inline author, optional role chip, timestamp, and the message body beneath.
How many rooms were unused last Tuesday?
Three, all at Kingsway between 13:00 and 16:00. Two were held for a clinic that was cancelled on the Friday before.
An assistant exchange showing the question as a right-aligned bubble, the answer beside an accent icon tile, and the records it was drawn from as chips under a hairline.