Skip to content
Mintlify
Mintlify
Composants

Vue

Utilisez le composant view pour créer des panneaux de contenu commutables pour différents langages de programmation, frameworks ou variantes de configuration.

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.

Mintlify construit automatiquement le menu déroulant multi‑vue à partir du title de chaque composant View de la page. Vous n’avez pas à configurer le menu déroulant séparément. Utilisez un View par titre et par page : les titres en double sont ignorés, et un View sans titre n’est jamais affiché.

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!");
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>

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

titlestringrequired

Le titre qui identifie cette vue. Chaque titre unique de la page devient une option du menu déroulant multi‑vue.

iconstring

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

iconTypestring

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

classNamestring

Classes CSS supplémentaires à appliquer au conteneur de la vue.

Was this page helpful?Suggest editsRaise issue