Team Thread Card

A short message thread with a header contact, an online marker, and alternating incoming and outgoing bubbles.

Care team

Online

Rowan's intake is ready for review.

Great, I'll approve the plan now.

Thanks, I'll book the first session.

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use

import { Chat33 } from "@/components/beste/piece/chat33";

<Chat33
  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."
    }
  ]}
/>