Add Action Buttons
Remarque
Vous souhaitez apprendre en français ? Dans ce badge, les validations de défi pratique Trailhead se font en anglais. Les traductions sont fournies entre parenthèses à titre de référence. Dans votre Trailhead Playground, veillez (1) à définir les États-Unis comme région, (2) à sélectionner l’anglais comme langue, et (3) à copier et coller uniquement les valeurs en anglais. Suivez les instructions ici.
Consultez le badge Trailhead dans votre langue pour découvrir comment profiter de l’expérience Trailhead traduite.
Ce que vous allez faire
Ajouter des boutons d'action d'espace réservé à l'en-tête de page
Étape 1 : Ajout de boutons d'action
Nous allons encore modifier le composant En-tête de page. Ajoutez le code suivant entre les commentaires <!-- ACTION BUTTONS --> :
<!-- ACTION BUTTONS --> <div class="slds-col slds-no-flex slds-grid slds-align-top"> <div class="slds-button-group" role="group"> <button class="slds-button slds-button_neutral"> Add Contact </button> <button class="slds-button slds-button_neutral"> More </button> </div> </div> <!-- / ACTION BUTTONS --> Ces boutons n’ont aucun effet lorsqu’ils sont cliqués, mais vous pouvez aisément ajouter une fonctionnalité ultérieurement.
Étape 2 : Prévisualiser
Enregistrez votre page, puis cliquez sur le bouton Preview (Aperçu).
Ressources
Le site Design System contient une documentation et des exemples supplémentaires.
