Function UserStatsGrid

  • UserStatsGrid(props: UserStatsGridProps): Element

  • Displays a grid of user statistics including commits, stars, PRs, issues, and repositories

    Features:

    • Responsive grid layout
    • Icon-based statistics display
    • Automatic number formatting
    • Dark mode support
    • Comparison mode layout
    • Hover state effects

    Grid Layout:

    • Mobile: 2 columns with last item spanning full width
    • Desktop: 5 equal columns
    • Proper borders and dividers

    Statistics Displayed:

    • Total Commits (with GitCommit icon)
    • Total Stars (with Star icon)
    • Total PRs (with GitPullRequest icon)
    • Total Issues (with IssueOpened icon)
    • Total Repositories (with Repo icon)

    Visual Features:

    • Icon and label alignment
    • Hover state highlighting
    • Consistent spacing
    • Border separators
    • Number formatting

    Parameters

    • props: UserStatsGridProps

      Component properties

      Props interface for the UserStatsGrid component

      UserStatsGridProps

      • user: User

        The GitHub user data containing statistics

    Returns Element

    The rendered statistics grid

    Example

    <UserStatsGrid
      user={userData}
    />

Settings

Member Visibility