DokumentationAEMAnvändarhandbok om grundläggande komponenter

Knappkomponent (v1) button-component

Last update: Fri Jul 12 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

Skapat för:

  • Utvecklare
  • Administratör
  • Användare

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.
Mer information om den aktuella versionen av Button-komponenten finns i dokumentet Button-komponent.

Exempel på komponentutdata sample-component-output

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

Teknisk information technical-details

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

Mer information om hur du utvecklar kärnkomponenter finns i dokumentationen för kärnkomponentutvecklare.

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 knappkomponenten

  • 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 datalagret.

    • 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

På fliken Hjälpmedel kan värden anges för ARIA-hjälpmedelsetiketter för komponenten.

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

Designdialogruta design-dialog

Fliken Format styles-tab

Button-komponenten stöder AEM Style System.

Adobe-klientdatalager data-layer

Button-komponenten stöder Adobe-klientdatalagret.

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