A ranked list component for displaying user standings with scores, rankings, and customizable sorting options.

interface LeaderBoardProps {
  users: LeaderBoardUser[];        // Array of users with scores
  limit?: number;                   // Max users to display (default: 10)
  showRank?: boolean;               // Show rank numbers/icons (default: true)
  showScore?: boolean;              // Show score values (default: true)
  sortBy?: "score" | "name" | "recent";  // Sort order
  onUserClick?: (user: LeaderBoardUser) => void;  // Click handler
  className?: string;               // Additional classes
}

interface LeaderBoardUser {
  id: string;
  name: string;
  username: string;
  score: number;
  avatarUrl?: string;
}

Related Components