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.
- Knappens egenskaper kan markeras i konfigurera dialogruta.
- Format för Button-komponenten kan definieras i designdialogruta.
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.
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
-
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
På 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.