Tutoriel n°5 : Stylez votre projet à partir d'un design Figma 

Étape 8 : Styliser les éléments de la page #3

Répétez cette opération avec le champ de saisie : Bonne nouvelle, les deux champs étant identiques, il vous suffira de le faire pour l'un et de copier/coller le composant style dans le second.

Dans Figma, cliquez sur le premier champ de texte de saisie et copiez le CSS (à l'exception de la Width, de la Height et de la Position).
Revenez dans le Studio, cherchez le composant "Style" dans la palette et glissez-déposez-le dans le composant "GenericItem" dans l'arborescence (difficile à pointer directement dans l'App Viewer).
Ouvrez le composant style, double-cliquez pour l'ouvrir et collez votre CSS.(N'oubliez pas le "--" au début de chaque ligne).

CTRL + S dans l'éditeur pour appliquer le CSS, et cliquez simplement avec le bouton droit sur ce composant Style pour le copier et le coller dans le deuxième GenericItem.

Succès !

Vous avez terminé cette étape avec succès, veuillez cliquer sur le bouton Étape suivante pour passer à l'étape suivante du tutoriel.
Fermer
Vous n'avez pas effectué toutes les actions requises dans cette étape, êtes-vous sûr de vouloir passer à l'étape suivante ?