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.
Organiza contenido relacionado en vistas con pestañas intercambiables.
Muestra ejemplos de código en varios lenguajes de programación.
Muestra instrucciones secuenciales en un formato numerado.
Organiza contenido en paralelo en diseños adaptables.
Crea paneles laterales para contenido complementario.
Destaca información importante con alertas con estilo.
Muestra anuncios destacados en la parte superior de las páginas.
Añade etiquetas en línea e indicadores de estado.
Resalta contenido nuevo o actualizado.
Añade bordes y estilo a las imágenes y al contenido.
Muestra información adicional al pasar el cursor por encima.
Muestra prompts de IA que se pueden copiar con integración con Cursor.
Secciones expandibles para mostrar contenido de forma progresiva.
Mostrar y ocultar contenido detallado bajo demanda.
Mostrar contenido de forma condicional según el contexto.
Renderiza Markdown dentro de expresiones y condicionales JSX.
Controla el contenido mostrado a humanos frente a agentes de IA.
Muestra las definiciones de parámetros y propiedades.
Documenta las estructuras de respuestas de la API y sus campos.
Muestra ejemplos de solicitudes y respuestas en paralelo.
Destaca el contenido con contenedores e iconos personalizables.
Muestra el contenido en una cuadrícula de mosaicos en los que se puede hacer clic.
Añade indicadores visuales usando Font Awesome, Lucide, Tabler, emoji o imágenes personalizadas.
Crea diagramas de flujo, diagramas de secuencia y más.
Muestra muestras de color con valores hex.
Muestra estructuras jerárquicas de archivos y carpetas.
Incrusta una tarjeta de repositorio de GitHub con estrellas y forks en vivo.
Todos los componentes integrados aceptan una prop className. Mintlify combina tus clases con los estilos propios del componente, de modo que puedes cambiar el estilo de una sola instancia sin envolverla en marcado adicional ni escribir una sobrescritura de CSS.
<Note className="mt-0">This callout has no top margin.</Note>Usa clases de Tailwind CSS, incluidos los valores arbitrarios como w-[350px], o nombres de clase que definas en un archivo CSS personalizado.
Banner, MDX y Visibility no aceptan className. El banner se configura en docs.json, y los otros dos renderizan sus hijos sin un elemento contenedor.