Command Palette

Search for a command to run...

Docs
Avatar Trust Badge

Avatar Trust Badge

A trust badge component with avatar group and customizable count text.

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

PropTypeDefaultDescription
avatarsAvatarData[]-Array of avatar objects
countstring-Count text to display
labelstring"Trusted by"Label text before the count
classNamestring-Additional CSS classes

AvatarData

PropertyTypeDescription
srcstringImage source URL (optional)
altstringAlt text for the image
fallbackstringFallback initials