Thread Chip

About this piece

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

Usage

The import and the props worth knowing about, in one place.

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

<Chat22
  replies={12}
  participants={[
    {
      "src": "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=200&h=200&fit=crop&crop=face",
      "alt": "Nils Frahm",
      "fallback": "NF"
    },
    {
      "src": "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=200&h=200&fit=crop&crop=face",
      "alt": "Hania Rani",
      "fallback": "HR"
    },
    {
      "src": "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=200&h=200&fit=crop&crop=face",
      "alt": "Ólafur Arnalds",
      "fallback": "ÓA"
    }
  ]}
  bordered={false}
/>

More Chat pieces

View all Chat

Ayşe Kaya09:42

Sure, sending the Figma link now3

Hania Rani

Pushed a new pass on the empty states, take a look when you can.

Replying to Hania

What time are we demoing tomorrow?

10 AM Istanbul, same Zoom link as last week.

Care team

Rowan's intake is ready for review.

Great, I'll approve the plan now.

Thanks, I'll book the first session.

NFHR

Nils and Hania are typing

Hey, did you get a chance to look at the new onboarding flow?

09:42