Standard chat bubble with a subtle italic edited caption beneath.
The import and the props worth knowing about, in one place.
import { Chat24 } from "@/components/beste/piece/chat24";
<Chat24
message="Let's shift the sync to 3pm instead."
role="received"
editedAt="09:48"
/>Message bubble with a small floating reaction chip tucked into the bottom corner.
Chat bubble with an avatar and timestamp. Role flips alignment and color.
Quoted message block inside a bubble, with the replying author and the reply text beneath.