DokumentationAEM GuidesDokumentation zu AEM Guides

Schaltfläche

Last update: Thu Dec 19 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

Erstellt für:

  • Benutzende
  • Admin

Um eine Schaltfläche anzuzeigen, verwenden wir die Komponente, Schaltfläche .
Die Schaltflächenkomponente in der JUI stellt eine HTML-<button/> dar.

const buttonJSON = {
  "component": "button",//tells the component name
  "label": "Yes, login",//tells the text for the button
  "variant": "cta",//tells the variants for the button which  provides default styles
  "on-click": "done",//tells what function to run after user clicks the button
};

Dadurch wird eine Schaltfläche mit der Bezeichnung Yes, login erstellt. Die anderen Eigenschaften umfassen u. a. Variante, Beschriftung und Klicks.

HINWEIS: Die on-<events> ist die Syntax zum Aufrufen der Befehle in den Controllern.

Die gerenderte Schaltfläche sieht wie folgt aus:

button

recommendation-more-help
11125c99-e1a1-4369-b5d7-fb3098b9b178