Vue

Utilisez le composant View pour créer du contenu qui change en fonction de la vue sélectionnée dans un menu déroulant à vues multiples. C’est particulièrement utile pour afficher des exemples de code ou une documentation spécifique à différents langages de programmation ou frameworks.

Utilisez un composant View par langage et par page. Utilisez des onglets pour les procédures qui diffèrent selon le langage et des groupes de code pour les exemples de code qui diffèrent selon le langage.

Ce contenu est visible uniquement lorsque JavaScript est sélectionné.

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

Exemple

JavaScript and Python views

<View title="JavaScript" icon="js">
  Ce contenu est visible uniquement lorsque JavaScript est sélectionné.

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

<View title="Python" icon="python">
  Ce contenu est visible uniquement lorsque Python est sélectionné.

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

Comportement de la table des matières

La table des matières se met à jour automatiquement pour n’afficher que les titres de la vue actuellement sélectionnée. Lorsque vous changez de vue à l’aide du menu déroulant multivues, la table des matières se rafraîchit pour afficher les titres pertinents pour cette vue. Si vous avez des structures de titres différentes dans chaque vue, les utilisateurs ne voient que les titres pertinents pour la langue ou le framework qu’ils ont sélectionné.

Propriétés

title

string

requis

Le titre qui identifie cette vue. Doit correspondre à l’une des options du menu déroulant multi‑vue.

icon

string

Une icône Font Awesome, une icône Lucide, une URL d’icône, ou un chemin relatif vers une icône.

iconType

string

Pour les icônes Font Awesome uniquement : l’une de regular, solid, light, thin, sharp-solid, duotone, brands.

Mise à jour

Visibility

⌘I

Prise en main

Organiser

Personnaliser

Créer du contenu

Documenter des API

Déployer

Optimisation

Exemple

Comportement de la table des matières

Propriétés

​Exemple

​Comportement de la table des matières

​Propriétés

Exemple

Comportement de la table des matières

Propriétés