> ## Documentation Index
> Fetch the complete documentation index at: https://mintlify.manicule.dev/es/llms.txt
> Use this file to discover all available pages before exploring further.
> For every page in one file, fetch https://mintlify.manicule.dev/es/llms-full.txt (large).
> To search and read these docs as tools, connect the MCP server at https://mintlify.manicule.dev/api/mcp.
> Every agent surface: https://mintlify.manicule.dev/.well-known/llms-manifest.json

# Descripción general (/es/components)

<!-- agent-signals: reading_time_min: 2 · est_tokens: 1064 · updated: 2026-07-31 -->

> Explora la biblioteca completa de componentes de Mintlify para maquetación, énfasis, documentación de API y navegación en tus páginas MDX.

Mintlify proporciona componentes MDX integrados para tus páginas de documentación. Usa estos componentes para estructurar el contenido, llamar la atención sobre información importante, documentar APIs y orientar la navegación.

<div id="structure-your-content">
  ## Estructura tu contenido
</div>

<Card title="Tabs" icon="folder" href="/es/components/tabs">Organiza contenido relacionado en vistas con pestañas intercambiables.</Card>

<Card title="Grupos de código" icon="code" href="/es/components/code-groups">Muestra ejemplos de código en varios lenguajes de programación.</Card>

<Card title="Pasos" icon="list-ordered" href="/es/components/steps">Muestra instrucciones secuenciales en un formato numerado.</Card>

<Card title="Columnas" icon="columns-3" href="/es/components/columns">Organiza contenido en paralelo en diseños adaptables.</Card>

<Card title="Panel" icon="panel-right" href="/es/components/panel">Crea paneles laterales para contenido complementario.</Card>

<div id="draw-attention">
  ## Llama la atención
</div>

<Card title="Callouts" icon="message-square-warning" href="/es/components/callouts">Destaca información importante con alertas con estilo.</Card>

<Card title="Banner" icon="flag" href="/es/components/banner">Muestra anuncios destacados en la parte superior de las páginas.</Card>

<Card title="Badge" icon="award" href="/es/components/badge">Añade etiquetas en línea e indicadores de estado.</Card>

<Card title="Update" icon="bell" href="/es/components/update">Resalta contenido nuevo o actualizado.</Card>

<Card title="Frames" icon="frame" href="/es/components/frames">Añade bordes y estilo a las imágenes y al contenido.</Card>

<Card title="Tooltips" icon="message-circle" href="/es/components/tooltips">Muestra información adicional al pasar el cursor por encima.</Card>

<div id="showcase-ai-prompts">
  ## Prompts de IA destacados
</div>

<Card title="Prompt" icon="sparkles" href="/es/components/prompt">Muestra prompts de IA que se pueden copiar con integración con Cursor.</Card>

<div id="show-and-hide-content">
  ## Mostrar y ocultar contenido
</div>

<Card title="Acordeones" icon="chevron-down" href="/es/components/accordions">Secciones expandibles para mostrar contenido de forma progresiva.</Card>

<Card title="Expandibles" icon="chevrons-down" href="/es/components/expandables">Mostrar y ocultar contenido detallado bajo demanda.</Card>

<Card title="Vista" icon="eye" href="/es/components/view">Mostrar contenido de forma condicional según el contexto.</Card>

<Card title="Visibility" icon="eye-off" href="/es/components/visibility">Controla el contenido mostrado a humanos frente a agentes de IA.</Card>

<div id="document-your-api">
  ## Documenta tu API
</div>

<Card title="Campos" icon="text-cursor-input" href="/es/components/fields">Muestra las definiciones de parámetros y propiedades.</Card>

<Card title="Respuestas" icon="arrow-left-right" href="/es/components/responses">Documenta las estructuras de respuestas de la API y sus campos.</Card>

<Card title="Ejemplos" icon="file-code" href="/es/components/examples">Muestra ejemplos de solicitudes y respuestas en paralelo.</Card>

<div id="link-to-other-pages">
  ## Vincular a otras páginas
</div>

<Card title="Cards" icon="square" href="/es/components/cards">Destaca el contenido con contenedores e iconos personalizables.</Card>

<Card title="Tiles" icon="layout-grid" href="/es/components/tiles">Muestra el contenido en una cuadrícula de mosaicos en los que se puede hacer clic.</Card>

<div id="add-visual-context">
  ## Añade contexto visual
</div>

<Card title="Iconos" icon="smile" href="/es/components/icons">Añade indicadores visuales usando la biblioteca de iconos Lucide.</Card>

<Card title="Diagramas Mermaid" icon="git-branch" href="/es/components/mermaid-diagrams">Crea diagramas de flujo, diagramas de secuencia y más.</Card>

<Card title="Color" icon="palette" href="/es/components/color">Muestra muestras de color con valores hex.</Card>

<Card title="Tree" icon="folder-tree" href="/es/components/tree">Muestra estructuras jerárquicas de archivos y carpetas.</Card>
