Composants

1Créer un composant

Sélectionnez un calque et appuyez sur Cmd+Alt+K, ou faites un clic droit et choisissez Créer un composant.

2Instances et modifications

Modifiez le texte, la couleur ou n’importe quelle propriété dans une instance ; la modification reste propre à cette instance, quelle que soit la profondeur du calque. Le panneau propose Remplacer le composant, Aller au composant, Réinitialiser la modification et Détacher l’instance.

3Kits d’UI

L’onglet Composants (Cmd+Shift+K) classe les kits par catégorie : Boutons, Entrées, Cartes, Navigation, Mise en page, Retour, Données et Autre. Il comprend six composants de base et 31 composants shadcn : boutons, cartes, champs de saisie, listes déroulantes, cases à cocher, interrupteurs, curseurs, onglets, fils d’Ariane, pagination, boîtes de dialogue, menus, toasts, infobulles, alertes, avatars, badges, barres de progression, squelettes et tableaux.

Importer un kit et Exporter le kit partagent les kits sous forme de fichiers .de.

4Bibliothèques liées

Liez un autre fichier .de ou .pen comme bibliothèque pour utiliser ses composants ici. L’appli surveille le fichier et récupère les changements ; Recharger force la mise à jour. En cas de problème, une bibliothèque apparaît comme Non chargée, Introuvable ou Illisible.