component Button (v1)

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

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

• De eigenschappen van de knop kunnen worden geselecteerd in het dialoogvenster dialoogvenster configureren.
• Stijlen voor de component Button kunnen worden gedefinieerd in het gedeelte ontwerpdialoogvenster.

Versie en compatibiliteit

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

Uitvoer van voorbeeldcomponent

Als u de component Button wilt ervaren en voorbeelden wilt zien van de configuratieopties en van de HTML- en JSON-uitvoer, gaat u naar de Componentbibliotheek.

Technische details

De meest recente technische documentatie over de component Button kan op GitHub worden gevonden.

Meer informatie over het ontwikkelen van kerncomponenten vindt u in de Documentatie voor ontwikkelaars van kerncomponenten.

Dialoogvenster configureren

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

• Tekst - De tekst die op de knop moet worden weergegeven
• Koppeling - Koppeling maken naar een inhoudspagina binnen AEM, een externe bron of een anker
  • Gebruik de Dialoogvenster Selectie om een pad te kiezen binnen AEM.
• Pictogram - Id voor weergave van een pictogram in de knop
• ID - Met deze optie kunt u de unieke id van de component in de HTML en in de Gegevenslaag.
  • 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

Op de Toegankelijkheid tab, waarden kunnen worden ingesteld voor Toegankelijkheid ARIA labels voor de component.

• Label - Waarde van een ARIA-labelkenmerk voor de component

Ontwerpdialoogvenster

Tabblad Stijlen

De component Button ondersteunt de AEM Stijlsysteem.

Gegevenslaag Adobe-client

De component Button ondersteunt de Adobe Client Data Layer.