Skip to main content
La bibliothèque de composants est une collection de composants d’interface soignés et prêts à l’emploi. Vous pouvez les ajouter à votre application directement depuis le chat IA de votre éditeur d’application. Au lieu de décrire une mise en page de zéro, vous parcourez des composants sélectionnés. Vous choisissez celui que vous voulez, et Base44 le reconstruit dans votre application.
Lorsque vous ajoutez un composant, Base44 l’adapte au thème de votre site. Il ajuste ses couleurs, ses polices et son contenu à votre application, au lieu d’insérer un bloc générique. Vous pouvez toujours personnaliser davantage le design en le demandant au chat IA.
Capture d'écran de la fenêtre de la bibliothèque de composants avec All components sélectionné, la liste des catégories et une grille de composants colorés

La bibliothèque de composants dans votre éditeur d'application

​
Ouvrir la bibliothèque de composants

Vous ouvrez la bibliothèque de composants depuis le menu plus de votre chat IA, à côté de la zone où vous saisissez vos prompts.
Lorsque vous sélectionnez un composant, le chat IA passe automatiquement en Build mode. Pour en savoir plus sur les modes du chat, consultez Modes du chat IA.
Pour ouvrir la bibliothèque de composants :
  1. Accédez à votre éditeur d’application.
  2. Dans le chat IA, cliquez sur l’icône plus à côté de la zone de prompt.
  3. Cliquez sur Explore component library.
Capture d'écran du menu plus du chat IA avec le curseur sur Explore component library

Ouvrir la bibliothèque de composants depuis le menu plus

​
Parcourir et prévisualiser les composants

La bibliothèque de composants s’ouvre dans une grande fenêtre. Une zone de recherche se trouve en haut et une liste de catégories à gauche. All components affiche tout le contenu de la bibliothèque. Chaque catégorie regroupe les composants par usage, comme Commerce, Navigation et Booking & Scheduling. Vous avez 3 façons de trouver un composant :
  • Recherche : saisissez un mot-clé dans la zone de recherche. La recherche porte sur la catégorie ouverte. Choisissez donc d’abord All components pour chercher dans toute la bibliothèque.
  • Catégories : cliquez sur une catégorie à gauche pour n’afficher que ses composants. Sur un téléphone, les catégories apparaissent sur une ligne au-dessus de la zone de recherche.
  • Filtres : cliquez sur Filters pour affiner la liste par tag.
Survolez un composant pour le voir en action, puis cliquez dessus pour ouvrir ses détails. Vous voyez un aperçu en direct, que vous pouvez basculer entre Desktop et Mobile. Vous voyez aussi une courte description. Pour certains composants, Try different states permet de voir chaque état avant de l’ajouter. Utilisez les flèches à côté du nom du composant pour passer au précédent ou au suivant.
Capture d'écran de la bibliothèque de composants avec la catégorie Commerce encadrée et ses composants affichés avec Filters

Parcourir une catégorie dans la bibliothèque de composants

​
Ajouter un composant

Depuis les détails d’un composant, vous indiquez à l’IA comment l’utiliser. Ensuite, vous l’ajoutez à votre prompt ou vous le construisez tout de suite. Vous ajoutez un composant par message. Lorsque vous envoyez le message, Base44 reconstruit le composant en code React dans votre application. Il adapte son style, ses polices et ses textes à votre design. Pour ajouter un composant à votre application :
  1. Cliquez sur l’icône plus à côté de la zone de prompt, dans le chat IA de votre éditeur d’application.
  2. Cliquez sur Explore component library.
  3. Cliquez sur le composant que vous voulez.
  4. Sous How should the AI use it?, décrivez où il doit aller, par exemple une page ou une section. Cette étape est facultative.
  5. Cliquez sur Add to chat pour le placer dans votre prompt et modifier d’abord le message. Ou cliquez sur Build now pour l’envoyer tout de suite.
Capture d'écran des détails d'un composant avec son aperçu en direct, sa description, et Add to chat et Build now encadrés

Les détails d'un composant, avec Add to chat et Build now

En savoir plus sur l’ajout de composants :
  • Ajout rapide : pour ajouter un composant sans ouvrir ses détails, cliquez sur le + de sa carte.
  • Revoir un composant : pour revoir un composant plus tard, cliquez sur sa puce dans la zone de prompt ou au-dessus du message envoyé.
  • Nouvelles bibliothèques de code : si un composant dépend d’une bibliothèque de code absente de votre application, Base44 vous demande d’approuver son installation. Cela fait partie de la construction du composant. En savoir plus sur l’ajout et l’utilisation de packages npm.

​
FAQ

Cliquez sur une question ci-dessous pour en savoir plus.
Vous ajoutez un composant par message. Pour en ajouter un autre, ouvrez à nouveau la bibliothèque de composants et répétez les étapes.
Non. L’ajout d’un composant est un message de construction standard. Il utilise donc des crédits comme n’importe quel autre prompt. Parcourir ou ajouter un composant n’entraîne aucun frais séparé.
Oui. Une fois construit, un composant fait partie de votre application. Vous pouvez demander au chat IA de changer son style, son contenu ou sa mise en page, comme pour toute autre partie de votre application.
Cette page a été traduite par IA. Pour les informations les plus précises et à jour, consultez la version anglaise.