Vista

Usa el componente View para crear contenido que cambie según la vista seleccionada en un menú desplegable de múltiples vistas. Es especialmente útil para mostrar ejemplos de código o documentación específica para distintos lenguajes de programación o frameworks. Mintlify construye automáticamente el menú desplegable de vistas múltiples a partir del title de cada componente View de la página. No necesitas configurar el menú desplegable por separado. Usa un View por título en cada página: los títulos duplicados se ignoran, y un View sin título nunca se renderiza.

Usa un componente View por lenguaje en cada página. Usa pestañas para procedimientos que varían según el lenguaje y grupos de código para ejemplos de código que difieren según el lenguaje.

Este contenido solo es visible cuando se selecciona JavaScript.

console.log("Hello from JavaScript!");

Ejemplo

JavaScript and Python views

<View title="JavaScript" icon="js">
  Este contenido solo es visible cuando se selecciona JavaScript.

  ```javascript
  console.log("Hello from JavaScript!");
  ```
</View>

<View title="Python" icon="python">
  Este contenido solo es visible cuando se selecciona Python.

  ```python
  print("Hello from Python!")
  ```
</View>

Comportamiento de la tabla de contenidos

La tabla de contenidos se actualiza automáticamente para mostrar solo los encabezados de la vista seleccionada en ese momento. Cuando cambias entre vistas usando el menú desplegable de vistas múltiples, la tabla de contenidos se actualiza para mostrar los encabezados relevantes para esa vista. Si tienes estructuras de encabezados diferentes en cada vista, los usuarios solo verán los encabezados que sean relevantes para el idioma o framework que hayan seleccionado.

Propiedades

string

requerido

El título que identifica esta vista. Cada título único de la página se convierte en una opción del menú desplegable de vistas múltiples.

string

Un icono de Font Awesome, Lucide o Tabler, un solo emoji, una URL a un icono o una ruta relativa a un icono.

string

Solo para iconos de Font Awesome: uno de regular, solid, light, thin, sharp-solid, duotone, brands.

string

Clases CSS adicionales para aplicar al contenedor de la vista.

Temas relacionados

Vista general de automatizaciones Implementaciones de vista previa Obtener vistas de página

⌘I

Primeros pasos

Crear contenido

Administra tu sitio

Agente

Assistant

Contenido preparado para agentes

Búsqueda y SEO

Documentar APIs

Integraciones

Referencia

Ejemplo

Comportamiento de la tabla de contenidos

Propiedades

​Ejemplo

​Comportamiento de la tabla de contenidos

​Propiedades

Ejemplo

Comportamiento de la tabla de contenidos

Propiedades