# Explication des bibliothèques de composants
Les composants sont les blocs de construction individuels, comme les images héro et les cartes de tâches, qui composent votre widget ou microsite. Tous nos modèles actuels sont alimentés par nos bibliothèques de composants Mint et Bedrock.
Composants Mint
Les widgets et microsites construits avec les composants Mint offrent aux ambassadeurs clients les dernières expériences Advocate. La plupart des modèles actuels utilisent les composants Mint. Si vous n’êtes pas sûr d’utiliser la bibliothèque de composants actuelle, vous pouvez vérifier manuellement pour vous en assurer et mettre à jour votre bibliothèque si nécessaire.
Pour passer aux composants Mint pour votre **widget du programme**:
1. Dans le menu de navigation de gauche, sélectionnez  **\[Engage] → Contenu**.
2. Sélectionnez **Modifier les widgets** sur l’écran *widgets* carte.
3. Sélectionnez le nom du widget que vous souhaitez modifier.
4. Dans le menu de la barre latérale gauche, sélectionnez **Packages**.
5. Sélectionnez  **Ajouter un package**.
6. Sélectionnez **Ajouter** sur l’écran *Composants Mint* carte.
Pour passer aux composants Mint pour votre **microsite**:
1. Dans le menu de navigation de gauche, sélectionnez  **\[Engage] → Contenu.**
2. Sélectionnez le **Modifier les paramètres** bouton sur l’ *microsite* carte.
3. Sous le *Hébergement du site* en-tête, accédez à la *Packages* section.
4. Sélectionnez  **Ajouter un package**.
5. Sélectionnez **Ajouter** sur l’écran *Composants Mint* carte.
6. Sélectionnez **Enregistrer**.
Composants Bedrock
Tous les modèles alimentés par les composants Mint ont également le package de composants Bedrock installé. Les composants Bedrock ne sont pas visibles par les participants, mais ils offrent la possibilité d’ajouter une logique avancée à votre conception. Ils peuvent afficher conditionnellement d’autres composants et définir de quel programme un composant extrait ses données. Vous pouvez trouver le package de composants Bedrock dans la *Composants avancés* section dans l’ *Ajouter* onglet de l’éditeur de widget ou de microsite.
Le package de composants Bedrock contient deux composants :
**Section conditionnelle**
Le *section conditionnelle* Le composant vous permet d’inclure du contenu conditionnel basé sur l’e-mail, le pays, le segment ou un champ personnalisé d’un participant. Insérez une expression JSONata dans la *Condition* zone pour définir les conditions d’affichage. Ensuite, déplacez tout contenu que vous souhaitez afficher à un groupe spécifique de participants dans la section conditionnelle.
**Section de programme**
Le *section de programme* Le composant permet de remplacer l’ID de programme de ses composants enfants. Utilisez-le pour afficher du contenu qui n’est pas lié à un programme spécifique. Le *Section de programme* composant est inclus par défaut dans la plupart des modèles de widget et de microsite.
Bibliothèques de composants personnalisées
Vous pouvez créer et utiliser vos propres packages de composants pour personnaliser davantage votre expérience Advocate. Ces composants peuvent être ajoutés à n’importe quel modèle et utilisés en parallèle des composants fournis par Advocate.
Les widgets Advocate utilisent du HTML standard et des [composants web](https://www.webcomponents.org/) . Pour utiliser vos propres composants dans notre éditeur de widget, ils doivent être écrits en tant que composants web.
Pour commencer à construire votre widget avec des composants personnalisés, installez votre package personnalisé :
1. Dans le menu de navigation de gauche, sélectionnez  **\[Engage] → Contenu**.
2. Sélectionnez **Modifier les widgets** sur la carte des widgets.
3. Sélectionnez le nom du widget que vous souhaitez modifier.
4. Dans le menu de la barre latérale gauche, sélectionnez **Packages**.
5. Sélectionnez  **Ajouter un package**.
6. Sélectionnez  **Ajouter depuis NPM**.
7. Saisissez le package *nom*, *version* et *chemin du fichier*.
8. Sélectionnez **Ajouter**.
---
# Agent Instructions: Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter:
```
GET https://help.impact.com/brand/fr/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/component-libraries-explained.md?ask=
```
The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.