GitHub

使用 GitHub 组件在文档中嵌入仓库卡片，实时显示仓库的描述、star 数量和 fork 数量。

使用 <GitHub.Repo> 组件嵌入一张链接到公开 GitHub 仓库的卡片。页面加载时，卡片会从 GitHub 公共 API 获取仓库的描述、star 数量和 fork 数量。

基础仓库卡片

以 owner/name slug 或完整的 GitHub URL 形式传入仓库。

react

<GitHub.Repo repo="mintlify/docs" />

在 inset 和 flat 两种布局之间选择，以匹配周围页面的样式。

默认变体。将仓库信息包裹在圆角的内嵌面板中。

<GitHub.Repo repo="mintlify/docs" variant="inset" />

单层布局，间距更紧凑。当你需要在其他带边框元素旁嵌入卡片时，使用 flat。

<GitHub.Repo repo="mintlify/docs" variant="flat" />

repostring

要显示的 GitHub 仓库。接受 owner/name slug（例如 mintlify/docs）或完整的 GitHub URL（例如 https://github.com/mintlify/docs）。

variantstringdefault: inset

卡片布局。

可选值：inset、flat。

classNamestring

应用于卡片的额外 CSS 类。