Certains composants Neo contiennent des slots (ou placeholders) pour vous permettre d’insérer le contenu de votre choix en utilisant la fonctionnalité swap components and instances de Figma. Ils permettent de personnaliser leur contenu sans avoir besoin de détacher les instances.
Évidemment, les propriétés de redimensionnement dépendent du type de composant que vous souhaitez créer.
Scénario 1
Le composant projet s’adapte au conteneur dans lequel il va être intégré.
Si vous souhaitez ajuster la taille des conteneurs du slot, modifiez la propriété de redimensionnement de l’espace réservé pour remplir le conteneur. Les propriétés de redimensionnement dépendent du type de composant que vous souhaitez créer.
Scénario 2
Le conteneur s’adapte au composant projet qu’il va accueillir.
Si vous souhaitez que le conteneur s’adapte au contenu, modifiez sa propriété de redimensionnement de Fill à Hug.
Bonnes pratiques de développement
Attention, les gestion des dimensions des composants ne fonctionne pas exactement pareil entre figma et le code. Afin de prendre en compte les contraintes d’accessibilité ou les tailles variables de certains contenu, certaines dimensions fixes dans Figma ne doivent pas être restitués telles quelles dans le code.
Les composants doivent pouvoir s’adapter à la taille du contenu et l’usage de dimensions fixes ne doit pas être systématisé en code, notamment pour des raisons d’accessibilité pour le zoom des interfaces, etc.
