Visualização

As Views permitem criar documentação adaptada ao framework ou idioma escolhido pelo leitor. Ao contrário das Tabs (que exibem várias opções lado a lado), as Views ocultam completamente o conteúdo não selecionado. Isso mantém a página mais organizada quando seções inteiras diferem entre frameworks.

Use Views quando:

• Seções inteiras da página diferem conforme o framework (não apenas snippets de código)
• Tutoriais têm etapas diferentes para tecnologias distintas
• Guias de primeiros passos variam significativamente conforme a plataforma

Uso básico

Crie views para diferentes linguagens:

<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>

Como funciona

Quando você adiciona componentes View a uma página:

1. Um seletor suspenso aparece no topo do conteúdo
2. Os usuários podem alternar entre as views usando o seletor suspenso
3. Apenas o conteúdo da view selecionada fica visível

View vs Tabs vs CodeGroup

Cenários de exemplo:

• "Instalar com npm vs yarn" → Tabs (pequena diferença)
• "fetch em JavaScript vs requests em Python" → CodeGroup (comparação de código)
• "Tutorial de React vs tutorial de Vue" → View (a seção inteira é diferente)

Props

O que vem a seguir?