Retour à l'aperçu
Block Libraries
Bibliothèques de composants réutilisables par secteur pour des sites cohérents.
Qu'est-ce qu'une Block Library ?
Une Block Library est une collection de composants réutilisables (blocs) regroupés par secteur ou style. Pensez à une bibliothèque pour les dentistes, restaurants, agents immobiliers ou salons.
Chaque bibliothèque contient :
• Un ensemble de composants (ex. Hero, Menu, Horaires)
• Des design tokens (couleurs, polices, espacement)
• Un numéro de version (semver : 1.0.0)
Créer une bibliothèque
Cliquez sur « Nouvelle bibliothèque » et remplissez :
1. Nom – Un nom reconnaissable (ex. « Restaurant Pro »)
2. Widget – Le secteur auquel la bibliothèque est destinée (dentiste, restaurant, immobilier, salon, juridique ou générique)
Après la création, vous pouvez sélectionner des composants et configurer les design tokens.
Composants et design tokens
Dans l'éditeur de bibliothèque, vous pouvez :
• Sélectionner les composants adaptés au secteur
• Configurer les design tokens : couleur principale, police, espacement, border-radius
• Prévisualiser l'apparence des composants avec vos tokens
Les tokens sont automatiquement appliqués à tous les composants de la bibliothèque.
Conseils
- Choisissez des tokens qui correspondent au style de la marque du secteur. Vous pouvez encore les remplacer par site.
- Plus vous ajoutez de composants, plus la bibliothèque est flexible pour différents sites.
Gestion des versions et publication
Chaque bibliothèque a un numéro de version (ex. 1.0.0). Lorsque vous publiez des modifications, vous choisissez le type de mise à jour :
• Patch (1.0.1) – Petites corrections ou ajustements
• Minor (1.1.0) – Nouveaux composants ou fonctionnalités
• Major (2.0.0) – Changements majeurs
Les sites utilisant la bibliothèque peuvent mettre à jour vers la dernière version.
Remarque
- Une mise à jour majeure peut affecter les sites existants. Testez toujours sur un site brouillon avant de déployer une version majeure.
Associer des presets de tokens
Chaque bibliothèque peut être associée à un ensemble de presets de design tokens. Ce sont des combinaisons prédéfinies de couleurs, polices et espacements adaptées à un secteur particulier.
Pour associer un preset de tokens :
1. Ouvrez l'éditeur de bibliothèque
2. Allez dans l'onglet « Design Tokens »
3. Choisissez un preset existant ou créez-en un nouveau
4. Enregistrez — les tokens sont automatiquement appliqués à tous les composants
Les presets de tokens garantissent que tous les sites utilisant cette bibliothèque ont un aspect cohérent.
Conseils
- Créez des presets par secteur : un preset dentiste avec des tons bleus apaisants, un preset restaurant avec des couleurs chaudes.
- Vous pouvez encore remplacer les tokens par site si le client a sa propre identité de marque.
Attribuer une bibliothèque à des sites
Vous pouvez attribuer une bibliothèque à un ou plusieurs sites. Cela donne à ces sites accès à tous les composants et tokens de la bibliothèque.
Pour attribuer une bibliothèque :
1. Allez dans les paramètres de la bibliothèque
2. Cliquez sur « Attribuer des sites »
3. Sélectionnez les sites qui doivent utiliser cette bibliothèque
4. Confirmez — les composants sont immédiatement disponibles dans le constructeur de pages de ces sites
Un site ne peut utiliser qu'une seule bibliothèque à la fois. Lors du changement de bibliothèque, les blocs existants ne sont pas supprimés, mais les composants disponibles changent.
Conseils
- Attribuez une bibliothèque lors de la création d'un site via un blueprint pour la configuration la plus rapide.
- Après le changement de bibliothèque, vérifiez que tous les blocs existants s'affichent encore correctement.
Remarque
- Changer de bibliothèque sur un site existant peut rendre certains blocs indisponibles dans l'éditeur.