Guía de componentes

Esta página es la guía viva del módulo de docs: muestra cada elemento disponible al escribir MDX. Úsala como referencia (y como página de prueba cuando se toque el shell de documentación).

Tipografía

Texto con negritas, cursivas, código en línea, ~~tachado~~ y enlaces internos relativos que se resuelven al idioma correcto automáticamente.

Las citas en bloque sirven para destacar ideas o referencias de terceros.

Avisos (Callout)

Información

El aviso por defecto, para contexto adicional.

Cuidado

Para advertencias que el lector no debería saltarse.

Peligro

Para acciones destructivas o errores comunes.

Tarjetas (Cards)

Instalación

La guía de arranque del proyecto.

Introducción

La página de bienvenida de la documentación.

Código

Bloque con título y resaltado de sintaxis (shiki, temeado claro/oscuro):

lib/ejemplo.ts

export function saludar(nombre: string): string {
  return `Hola, ${nombre}`;
}

Con líneas resaltadas y numeración:

resaltado.ts

export function calcular(valores: number[]): number {
  return valores.reduce((total, v) => total + v, 0);
}

Con notación de diff:

cambios.ts

export function presupuesto(partidas: number[]): number {
  return partidas.reduce((total, p) => total + p, 0); 
  return partidas.reduce((total, p) => total + p * 1.18, 0); 
}