> ## Documentation Index
> Fetch the complete documentation index at: https://hfh-d7a4d643-mintlify-d7bc03a0.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Descripción general

> Explora la biblioteca completa de componentes de Mintlify para maquetación, énfasis, documentación de API y elementos de navegación disponibles 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>