Componentes MDX

Componentes disponibles dentro de cualquier archivo .mdx en docs-content/.

PromptBox

Bloque copy-paste de un prompt para Cursor. Acepta una prop opcional label para ponerle un título al bloque (útil para distinguir varios prompts en la misma página).

<PromptBox>
Tu prompt aquí.
</PromptBox>
 
<PromptBox label="Prompt para Cursor (ayuda con el copy)">
Tu prompt aquí.
</PromptBox>

Callout

Avisos con 4 variantes: info, warning, success, danger.

<Callout type="warning" title="Cuidado">
Mensaje.
</Callout>

Checkpoint

Para el final de cada paso de tutorial.

<Checkpoint>
Deberías ver X. ¿No lo ves? → [link](/docs/troubleshooting/errores-comunes).
</Checkpoint>

StackBadge

Chips de tecnologías.

<StackBadge tech={["next", "supabase", "openai"]} />

VideoLoom

Embed de Loom. Props:

• url — el link share de Loom (https://www.loom.com/share/...); el componente lo convierte a embed solo. Úsalo solo cuando el video ya exista (sin url muestra un placeholder de "video pendiente" — evítalo en páginas publicadas).
• title (opcional) — título accesible del iframe. Default: "Video del docente".

<VideoLoom url="https://www.loom.com/share/XXXX" title="Mi video" />