Vista

Usa el componente view para crear paneles de contenido intercambiables para diferentes lenguajes de programación, frameworks o alternativas de configuración.

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.

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.

​

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

title · string · requerido

El título que identifica esta vista. Debe coincidir con una de las opciones del menú desplegable de vistas múltiples.

icon · string

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

iconType · string

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