mirror of
https://github.com/mintlify/docs.git
synced 2026-09-14 13:35:46 +08:00
mintlify[bot]
2ccd573b95
Co-authored-by: mintlify[bot] <109931778+mintlify[bot]@users.noreply.github.com>
137 lines
4.4 KiB
Plaintext
137 lines
4.4 KiB
Plaintext
---
|
|
title: "Descripción general"
|
|
description: "Explora la biblioteca completa de componentes de Mintlify para maquetación, énfasis, documentación de API y navegación en tus páginas MDX."
|
|
keywords:
|
|
["Componentes MDX", "componentes de documentación", "componentes de UI", "componentes"]
|
|
boost: 3
|
|
---
|
|
|
|
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> |