component Button (v1) button-component

De component van de Knoop van de Component van de Kern staat voor de configuratie en de vertoning van een knooppunt op een pagina toe.

Gebruik usage

Met de component Core Component Button kan een knop op een pagina worden opgenomen.

Versie en compatibiliteit version-and-compatibility

Het document beschrijft v1 van de component Button, die in juni 2019 werd geïntroduceerd met versie 2.5.0 van de Core Components.

CAUTION
In dit document wordt versie 1 van de component Button beschreven.
Voor details van de huidige versie van de Component van de Knoop, zie het document van de Component van de Knoop.

Uitvoer van voorbeeldcomponent sample-component-output

Om de Component van de Knoop te ervaren evenals voorbeelden van zijn configuratieopties evenals HTML en output te zien JSON, bezoek de Bibliotheek van de Component.

Technische details technical-details

De recentste technische documentatie over de Component van de Knoop kan op GitHubworden gevonden.

De verdere details over het ontwikkelen van de Componenten van de Kern kunnen in de de ontwikkelaarsdocumentatie van de Componenten van de Kern worden gevonden.

Dialoogvenster configureren configure-dialog

In het dialoogvenster Configureren kan de auteur van de inhoud de knop definiëren en bepalen hoe deze zich gedraagt en wordt weergegeven voor een bezoeker van de pagina.

Tabblad Eigenschappen properties-tab

het lusje van Eigenschappen van uitgeeft dialoog van de Component van de Knoop

  • Tekst - de tekst om op de knoop te tonen

  • Verbinding - Verbinding met een inhoudspagina binnen AEM, een extern middel, of een anker

    • Gebruik de Dialoog van de Selectie om een weg binnen AEM te kiezen.
  • Pictogram - Herkenningsteken voor het tonen van een pictogram in de knoop

  • identiteitskaart - Deze optie staat toe om het unieke herkenningsteken van de component in HTML en in de Laag van Gegevens te controleren.

    • Als deze leeg blijft, wordt automatisch een unieke id voor u gegenereerd. U kunt deze vinden door de resulterende pagina te inspecteren.
    • Als een id is opgegeven, is het de verantwoordelijkheid van de auteur om ervoor te zorgen dat deze uniek is.
    • Het wijzigen van de id kan gevolgen hebben voor het bijhouden van CSS-, JS- en gegevenslagen.

Tabblad Toegankelijkheid accessibility-tab

Toegankelijkheid lusje van uitgeeft dialoog van de Component van de Knoop

Op het lusje van de Toegankelijkheid, kunnen de waarden voor de toegankelijkheidslabels van ARIAvoor de component worden geplaatst.

  • Etiket - Waarde van een ARIA etiketattribuut voor de component

Ontwerpdialoogvenster design-dialog

Tabblad Stijlen styles-tab

De component van de Knoop steunt het AEM Systeem van de Stijl.

Gegevenslaag client-Adobe data-layer

De component van de Knoop steunt de Gegevens van de Cliënt van de Adobe Laag.

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