Soundcheck moved to 5pm, see you all there.
16:08SendingOutgoing bubble that walks through sending, sent, delivered and read: ticks swap in under the timestamp and a small seen-by row slides in at the end before the cycle restarts.
The import and the props worth knowing about, in one place.
import { Chat38 } from "@/components/beste/piece/chat38";
<Chat38
message="Soundcheck moved to 5pm, see you all there."
time="16:08"
seenBy={[
{
"name": "Nina Simone",
"initials": "NS"
},
{
"name": "Miles Davis",
"initials": "MD"
}
]}
/>Dashed-border outgoing bubble above a Clock chip showing when it will send.
Message bubble with a small floating reaction chip tucked into the bottom corner.
Money request bubble with a direction arrow, large amount, optional italic note, and Pay / Decline actions.