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.

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.

CAUTION
In diesem Dokument wird die v1 der Schaltflächenkomponente beschrieben.
Weitere Informationen zur aktuellen Version der Schaltflächenkomponente finden Sie im Dokument Schaltflächenkomponente.

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

Registerkarte „Eigenschaften“ im Dialogfeld „Design“ der Schaltflächenkomponente

  • 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 sicherzustellen, dass diese eindeutig ist.
    • Änderungen der ID können sich auf das CSS-, JS- und Datenschicht-Tracking auswirken.

Registerkarte „Erreichbarkeit“ accessibility-tab

Registerkarte „Erreichbarkeit“ im Dialogfeld „Bearbeiten“ der Schaltflächenkomponente

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.

recommendation-more-help
d2be9096-a81e-404b-9952-d8925af7219c