Team Avatar Cluster

About this piece

A row of overlapping team avatars with a small name tooltip pinned above one member, suggesting live collaboration.

Usage

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

import { Socialproof24 } from "@/components/beste/piece/socialproof24";

<Socialproof24
  surface="card"
  bordered={false}
  inverted={false}
  items={[
    {
      "src": "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=160&h=160&fit=crop",
      "alt": "Portrait of a product designer"
    },
    {
      "src": "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=160&h=160&fit=crop",
      "alt": "Portrait of a frontend engineer"
    },
    {
      "src": "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=160&h=160&fit=crop",
      "alt": "Portrait of a content strategist",
      "name": "Dana Whitlock"
    },
    {
      "src": "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=160&h=160&fit=crop",
      "alt": "Portrait of a product manager"
    }
  ]}
/>