Schaltflächenkomponente (v1) 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
In diesem Dokument wird die v1 der Schaltflächenkomponente beschrieben, die mit Version 2.5.0 der Kernkomponenten im Juni 2019 eingeführt wurde.
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.
-
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
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.