Sélectionnez votre deuxième GridRow (supprimez à nouveau l'étiquette), puis recherchez"GenericItem" dans la palette. Glissez-déposez cet élément générique dans la deuxième section. Dans l'étiquette de l'élément générique, remplacez la valeur du texte par"Nom d'utilisateur". Dans la palette, recherchez le composant"TextInput" et glissez-déposez-le dans votre GenericItem (cette entrée de texte sera utilisée pour remplir le champ).

Ensuite, dans la palette, recherchez le composant"Icon" et glissez-déposez-le dans votre GenericItem. Cliquez dessus, et dans les propriétés, définissez sa taille comme"small" et son emplacement comme"start" pour le placer à gauche. Cliquez ensuite sur le [...] du champ"Nom de l'icône" : C'est ici que vous choisirez l'icône que vous voulez. (Ici, vous pouvez littéralement choisir l'icône que vous voulez.)

Maintenant que vous avez votre première entrée de texte complète, il suffit de copier tout l'élément générique et de le coller dans le prochain GridCol. Changez l'icône et le libellé en"Password"


Dans l'étape suivante, vous placerez votre bouton, puis ce sera le moment de styliser le tout.