About this piece
Avatar Stack
Overlapping avatars with an optional +N tail for spillover members.
Usage
The import and the props worth knowing about, in one place.
import { Socialproof1 } from "@/components/beste/piece/socialproof1";
<Socialproof1
avatars={[
{
"src": "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=100&h=100&fit=crop&crop=face",
"alt": "Ayşe Kaya",
"fallback": "AK"
},
{
"src": "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop&crop=face",
"alt": "Merve Özkan",
"fallback": "MÖ"
},
{
"src": "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=100&h=100&fit=crop&crop=face",
"alt": "Sarah Brown",
"fallback": "SB"
},
{
"src": "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=100&h=100&fit=crop&crop=face",
"alt": "John Doe",
"fallback": "JD"
}
]}
extraCount={12}
/>