# GitHub (/es/components/github)

<!-- agent-signals: reading_time_min: 1 · est_tokens: 416 · updated: 2026-09-23 -->
Related: [Accordions](/es/components/accordions.md), [Insignia](/es/components/badge.md), [Banner](/es/components/banner.md), [Avisos](/es/components/callouts.md), [Tarjetas](/es/components/cards.md), [Grupos de código](/es/components/code-groups.md)

Usa el componente `<GitHub.Repo>` para incrustar una tarjeta que enlace a un repositorio público de GitHub. La tarjeta obtiene la descripción del repositorio, el número de estrellas y de forks desde la API pública de GitHub cuando la página se carga.

<div id="basic-repository-card">
  ## Tarjeta básica de repositorio [#tarjeta-básica-de-repositorio]
</div>

Indica un repositorio como slug `owner/name` o como URL completa de GitHub.

```mdx title="react"
<GitHub.Repo repo="mintlify/docs" />
```

<div id="variants">
  ## Variantes [#variantes]
</div>

Elige entre los diseños `inset` y `flat` para adaptarte a la página que rodea la tarjeta.

<div id="inset">
  ### Inset [#inset]
</div>

La variante por defecto. Envuelve los detalles del repositorio en una superficie interna redondeada.

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

<div id="flat">
  ### Flat [#flat]
</div>

Un diseño de una sola superficie con menos margen interno. Usa `flat` cuando incrustes la tarjeta junto a otros elementos con borde.

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

<div id="properties">
  ## Propiedades [#propiedades]
</div>

<ResponseField name="repo" type="string">
  El repositorio de GitHub que se va a mostrar. Acepta un slug `owner/name` (por ejemplo, `mintlify/docs`) o una URL completa de GitHub (por ejemplo, `https://github.com/mintlify/docs`).
</ResponseField>

<ResponseField name="variant" type="string" default="inset">
  Diseño de la tarjeta.

  Opciones: `inset`, `flat`.
</ResponseField>

<ResponseField name="className" type="string">
  Clases CSS adicionales que se aplican a la tarjeta.
</ResponseField>