Docs
Forge
RepoCard

RepoCard

Displays a repository summary with name, description, language, stars, and forks.

Import

import { RepoCard } from "@gumtree/ui/forge/RepoCard";

Props

Prop	Type	Default	Description
`name`*	`string`	-	Repository name
`owner`*	`string`	-	Repository owner
`description`	`string`	-	Short description
`language`	`string`	-	Primary language
`stars`	`number`	-	Star count
`forks`	`number`	-	Fork count
`isPrivate`	`boolean`	`false`	Show a Private badge
`href`	`string`	-	Link URL. Defaults to /{owner}/{name}

Examples

Public Repository

A public repo card with language, stars, and forks.

forge/gumtree

A lightweight git forge built with Fresh and Deno

TypeScript428

<RepoCard
  name="gumtree"
  owner="forge"
  description="A lightweight git forge built with Fresh and Deno"
  language="TypeScript"
  stars={42}
  forks={8}
/>

Private Repository

A private repo shows a Private badge.

forge/internal-toolsPrivate

Internal tooling and scripts

<RepoCard
  name="internal-tools"
  owner="forge"
  description="Internal tooling and scripts"
  isPrivate
/>

With Stats

Repo card showing all metadata fields.

forge/gumtree-uiPrivate

Design system and UI components

TypeScript123

<RepoCard
  name="gumtree-ui"
  owner="forge"
  description="Design system and UI components"
  language="TypeScript"
  stars={12}
  forks={3}
  isPrivate
/>