Vista

Le viste cambiano intere sezioni di una pagina per adattarsi al framework o alla lingua scelti dal lettore. Le schede mostrano le opzioni affiancate. Le viste nascondono completamente il contenuto non selezionato. Usale quando intere sezioni differiscono tra i vari framework.

Usa le Viste quando:

• Intere sezioni della pagina differiscono per framework (non solo frammenti di codice)
• I tutorial hanno passaggi diversi per tecnologie diverse
• Le guide introduttive differiscono per piattaforma

Utilizzo di base

Crea viste per linguaggi diversi:

<View title="JavaScript" icon="js">

  This content is only visible when JavaScript is selected.

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

</View>

<View title="Python" icon="python">

  This content is only visible when Python is selected.

  ```python
  print("Hello from Python!")
  ```

</View>

Come funziona

Una pagina con componenti View funziona così:

1. Un selettore a tendina appare in cima al contenuto
2. I lettori passano da una vista all'altra con la tendina
3. È visibile solo il contenuto della vista selezionata

View, Tabs e CodeGroup a confronto

Scenari di esempio:

• "Installa con npm vs yarn" → Tabs (differenza minima)
• "JavaScript fetch vs Python requests" → CodeGroup (confronto di codice)
• "Tutorial React vs tutorial Vue" → View (intera sezione diversa)

Props

E adesso?