Installation
Usage
import AvatarTrustBadge from "@/components/ruixen/avatar-trust-badge";
const avatars = [
{ src: "https://example.com/user1.jpg", fallback: "JD" },
{ src: "https://example.com/user2.jpg", fallback: "AS" },
{ src: "https://example.com/user3.jpg", fallback: "MK" },
{ src: "https://example.com/user4.jpg", fallback: "RB" },
{ src: "https://example.com/user5.jpg", fallback: "EW" },
];
export default function MyTrustBadge() {
return (
<AvatarTrustBadge
avatars={avatars}
count="60K+ developers"
label="Trusted by"
/>
);
}Props
| Prop | Type | Default | Description |
|---|---|---|---|
avatars | AvatarData[] | - | Array of avatar objects |
count | string | - | Count text to display |
label | string | "Trusted by" | Label text before the count |
className | string | - | Additional CSS classes |
AvatarData
| Property | Type | Description |
|---|---|---|
src | string | Image source URL (optional) |
alt | string | Alt text for the image |
fallback | string | Fallback initials |

