Component Button 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

De huidige versie van de component Button is v2, die in februari 2022 is geĆÆntroduceerd met release 2.18.0 van de Core Components, en die in dit document wordt beschreven.

In de volgende tabel staan alle ondersteunde versies van de component, de AEM versies waarmee de versies van de component compatibel zijn en koppelingen naar documentatie voor vorige versies.

Componentversie
AEM 6,4
AEM 6,5
AEM as a Cloud Service
v2
-
Compatibel
Compatibel
v1
Compatibel
Compatibel
Compatibel

Raadpleeg het document voor meer informatie over versies en releases van de Core Component Core Components-versies.

Uitvoer van voorbeeldcomponent sample-component-output

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 technical-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 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 tabblad Eigenschappen van het dialoogvenster Bewerken van component Button

  • 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.
  • Koppeling openen op nieuw tabblad - Als deze optie is ingeschakeld, wordt de koppeling geopend in een nieuw browsertabblad.

  • 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 accessibility-tab

Toegankelijkheid, tabblad van het dialoogvenster Bewerken van component Button

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

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

Tabblad Stijlen styles-tab-edit

Het tabblad Stijlen van het dialoogvenster Bewerken van component Button

De component Button ondersteunt de AEM Stijlsysteem..

Gebruik de vervolgkeuzelijst om de stijlen te selecteren die u op de component wilt toepassen. Selecties in het dialoogvenster Bewerken hebben hetzelfde effect als de selecties op de werkbalk van de component.

De stijlen moeten voor deze component in worden gevormd ontwerpdialoogvenster zodat het vervolgkeuzemenu beschikbaar is.

Ontwerpdialoogvenster design-dialog

Tabblad Stijlen styles-tab

De component Button ondersteunt de AEM Stijlsysteem.

Gegevenslaag Adobe-client data-layer

De component Button ondersteunt de Adobe Client Data Layer.

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