Gumtree UI

RepoHeader

Repository page header with org/repo title, visibility badge, description, and meta stats.

Import

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

Props

PropTypeDefaultDescription
org*string-Organisation or owner name
repo*string-Repository name
orgHrefstring-Link for the org name
repoHrefstring-Link for the repo name
iconIconName"package"Icon before the title
visibilitystring-Visibility badge text (e.g. "Public", "Private")
descriptionstring-One-line repo description
metaRepoMetaItem[]-Array of { icon, label } stat items

Examples

Full Header

A complete repo header with all fields.

necessary/example-app
Public

Full-stack web application with i18n, CI, and plugin support.

124 stars18 forks9 watchersApache-2.0
<RepoHeader
  org="necessary"
  repo="example-app"
  orgHref="#"
  repoHref="#"
  visibility="Public"
  description="Full-stack web application with i18n, CI, and plugin support."
  meta={[
    { icon: "star", label: "124 stars" },
    { icon: "git-fork", label: "18 forks" },
    { icon: "eye", label: "9 watchers" },
    { icon: "scroll", label: "Apache-2.0" },
  ]}
/>

Minimal

Just the org/repo title with visibility.

forge/gumtree
Public
<RepoHeader org="forge" repo="gumtree" visibility="Public" />