> ## Documentation Index
> Fetch the complete documentation index at: https://www.mintlify.com/docs/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 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>


## Related topics

- [Descripción general](/docs/es/components/index.md)
- [AWS Route 53 y CloudFront](/docs/es/deploy/route53-cloudfront.md)
- [Descripción general del editor](/docs/es/editor/index.md)