Add Action Buttons
Ihre Aufgaben
Hinzufügen einiger Aktionsschaltflächen als Platzhalter zur Seitenkopfzeile
Schritt 1: Hinzufügen von Aktionsschaltflächen
In diesem Schritt wird wiederum die Seitenkopfzeilenkomponente geändert. Fügen Sie den folgenden Code zwischen den <!-- ACTION BUTTONS -->
-Kommentaren hinzu:
<!-- 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 -->
Beim Klicken auf diese Schaltflächen passiert nichts. Sie können die betreffende Funktionalität später problemlos hinzufügen.
Schritt 2: Vorschau
Speichern Sie die Seite und klicken Sie auf die Schaltfläche Preview (Vorschau).
Ressourcen
Auf der Design System-Website finden Sie weitere Dokumentation und Beispiele.