Knappkomponent (v1) button-component

Komponenten Core Component Button gör det möjligt att konfigurera och visa ett knappobjekt på en sida.

Användning usage

Komponenten Core Component Button gör att du kan inkludera en knapp på en sida.

Version och kompatibilitet version-and-compatibility

I dokumentet beskrivs v1 för Button-komponenten, som introducerades i version 2.5.0 av Core Components i juni 2019.

CAUTION
I det här dokumentet beskrivs v1 för Button-komponenten.
Information om den aktuella versionen av Button-komponenten finns i Button-komponent -dokument.

Exempel på komponentutdata sample-component-output

Om du vill se exempel på Button-komponenten och dess konfigurationsalternativ samt HTML och JSON-utdata går du till Komponentbibliotek.

Teknisk information technical-details

Den senaste tekniska dokumentationen om Button-komponenten finns på GitHub.

Mer information om hur du utvecklar kärnkomponenter finns i Dokumentation för grundkomponentutvecklare.

Konfigurera dialogruta configure-dialog

I dialogrutan Konfigurera kan innehållsförfattaren definiera knappen och hur den ska fungera och visas för en besökare på sidan.

Fliken Egenskaper properties-tab

Fliken Egenskaper i redigeringsdialogrutan för Button-komponenten

  • Text - Den text som ska visas på knappen

  • Länk - Länka till en innehållssida i AEM, en extern resurs eller ett ankare

    • Använd Dialogrutan Markering för att välja en bana i AEM.
  • Ikon - Identifierare för att visa en ikon i knappen

  • ID - Med det här alternativet kan du styra den unika identifieraren för komponenten i HTML och i Datalager.

    • Om inget anges genereras ett unikt ID automatiskt åt dig och du hittar det genom att granska den resulterande sidan.
    • Om ett ID anges är det författarens ansvar att se till att det är unikt.
    • Om du ändrar ID:t kan det påverka spårningen av CSS, JS och datalager.

Fliken Tillgänglighet accessibility-tab

Fliken Tillgänglighet i redigeringsdialogrutan för Button-komponenten

Tillgänglighet -tabb kan värden anges för Tillgänglighet för ARIA -etiketter för komponenten.

  • Etikett - Värdet på ett ARIA-etikettattribut för komponenten

Designdialogruta design-dialog

Fliken Format styles-tab

Button-komponenten stöder AEM Formatsystem.

Adobe-klientdatalager data-layer

Button-komponenten har stöd för Adobe Client Data Layer.

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