Multi Typing

Typing indicator pill showing multiple avatar stack, summary text, and three pulsing dots.

AKMÖ

Ayşe and Merve are typing

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

Import & use

import { Chat25 } from "@/components/beste/piece/chat25";

<Chat25
  typers={[
    {
      "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Ö"
    }
  ]}
  summary="Ayşe and Merve are typing"
/>