Saltar al contenido principal
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.
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

​
title
string
required
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.