Thread Chip

Thread pill with a 3-avatar stack, a reply count in primary, and a last-reply timestamp.

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

Import & use

import { Chat22 } from "@/components/beste/piece/chat22";

<Chat22
  replies={12}
  lastReply="2 min ago"
  participants={[
    {
      "src": "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=200&h=200&fit=crop&crop=face",
      "alt": "Ayşe",
      "fallback": "AK"
    },
    {
      "src": "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=200&h=200&fit=crop&crop=face",
      "alt": "Merve",
      "fallback": "MÖ"
    },
    {
      "src": "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=200&h=200&fit=crop&crop=face",
      "alt": "Sarah",
      "fallback": "SB"
    }
  ]}
/>