Schaltflächenkomponente button-component
Die Kernkomponente „Schaltflächenkomponente“ ermöglicht die Erstellung und Anzeige eines Schaltflächen-Elements auf einer Seite.
Nutzung usage
Die Kernkomponente „Schaltflächenkomponente“ ermöglicht die Integration einer Schaltfläche in eine Seite.
- Die Eigenschaften der Schaltfläche können im Dialogfeld „Konfigurieren“ ausgewählt werden.
- Stile für die Schaltflächenkomponente können im Dialogfeld „Design“ definiert werden.
Version und Kompatibilität version-and-compatibility
Die aktuelle Version der Schaltflächenkomponente ist v2, die mit Version 2.18.0 der Kernkomponenten im Februar 2022 eingeführt wurde und in diesem Dokument beschrieben wird.
Die folgende Tabelle enthält alle unterstützten Versionen der Komponente, die AEM-Versionen, mit denen die Versionen der Komponente kompatibel sind, sowie Links zur Dokumentation für frühere Versionen.
Weitere Informationen zu Kernkomponentenversionen und -freigaben finden Sie im Dokument Kernkomponentenversionen.
Musterkomponentenausgabe sample-component-output
Um die Schaltflächen-Komponente sowie Beispiele für die Konfigurationsoptionen sowie HTML- und JSON-Ausgaben zu erhalten, besuchen Sie die Komponentenbibliothek.
Technische Details technical-details
Die aktuelle technische Dokumentation zur Schaltflächenkomponente finden Sie auf GitHub.
Weitere Informationen zur Entwicklung von Kernkomponenten finden Sie in der Dokumentation zu Kernkomponenten für Entwickler.
Dialogfeld „Konfigurieren“ configure-dialog
Mit dem Dialogfeld „Konfigurieren“ kann der Inhaltsautor die Schaltfläche und ihr Verhalten und Aussehen für einen Besucher der Seite definieren.
Registerkarte „Eigenschaften“ properties-tab
-
Text – Der Text, der auf der Schaltfläche angezeigt werden soll
-
Verknüpfung - Link zu einer Inhaltsseite in AEM, einer externen Ressource oder einem Anker
- Wählen Sie im Dialogfeld Auswahl einen Pfad in AEM aus.
-
Link auf neuer Registerkarte öffnen – Wenn diese Option aktiviert ist, wird der Link auf einer neuen Browser-Registerkarte geöffnet.
-
Symbol – Bezeichner für die Anzeige eines Symbols auf der Schaltfläche
-
ID - Diese Option dient zur Kontrolle der eindeutigen Kennung der Komponente in der HTML-Datei und auf der Datenschicht.
- Wenn Sie das Feld leer lassen, wird automatisch eine eindeutige ID generiert, die Sie über die resultierende Seite finden.
- Sofern eine ID angegeben wird, ist vom Autor bzw. der Autorin sicherzustellen, dass diese eindeutig ist.
- Änderungen der ID können sich auf das CSS-, JS- und Datenschicht-Tracking auswirken.
Registerkarte „Erreichbarkeit“ accessibility-tab
Auf der Registerkarte Erreichbarkeit können Werte für die ARIA-Barrierefreiheits-Beschriftungen für die Komponente festgelegt werden.
- Beschriftung - Wert eines ARIA-Beschriftungs-Attributs für die Komponente
Registerkarte „Arten“ styles-tab-edit
Die Schaltflächenkomponente unterstützt das AEM-Stilsystem.
Verwenden Sie das Dropdown-Menü, um die Stile auszuwählen, die Sie auf die Komponente anwenden möchten. Die im Dialogfeld „Bearbeiten“ vorgenommenen Auswahlen haben denselben Effekt wie die in der Komponenten-Symbolleiste ausgewählten.
Stile müssen für diese Komponente im Dialogfeld „Design“ konfiguriert werden, damit das Dropdown-Menü verfügbar ist.
Dialogfeld „Design“ design-dialog
Registerkarte „Arten“ styles-tab
Die Schaltflächenkomponente unterstützt das AEM-Stilsystem.
Adobe Client-Datenschicht data-layer
Die Schaltflächenkomponente unterstützt die Adobe Client-Datenschicht.