Contributors() — ui Function Reference

Architecture documentation for the Contributors() function in github.tsx from the ui codebase.

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ Contributors() — ui Function Reference

Dependency Diagram

graph TD
  4d92bb64_1142_d609_73d6_d770b2721659["Contributors()"]
  37b4caef_d1dd_c771_008d_90d0735aa244["github.tsx"]
  4d92bb64_1142_d609_73d6_d770b2721659 -->|defined in| 37b4caef_d1dd_c771_008d_90d0735aa244
  style 4d92bb64_1142_d609_73d6_d770b2721659 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/bases/radix/blocks/github.tsx lines 1156–1186

function Contributors() {
  return (
    <Example title="Contributors" className="items-center lg:p-16">
      <Card className="max-w-sm">
        <CardHeader>
          <CardTitle>
            Contributors <Badge variant="secondary">312</Badge>
          </CardTitle>
        </CardHeader>
        <CardContent>
          <div className="flex flex-wrap gap-2">
            {usernames.map((username) => (
              <Avatar key={username}>
                <AvatarImage
                  src={`https://github.com/${username}.png`}
                  alt={username}
                />
                <AvatarFallback>{username.charAt(0)}</AvatarFallback>
              </Avatar>
            ))}
          </div>
        </CardContent>
        <CardFooter>
          <a href="#" className="text-sm underline underline-offset-4">
            + 810 contributors
          </a>
        </CardFooter>
      </Card>
    </Example>
  )
}