Button-komponent 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 väljas i dialogrutan Konfigurera.
- Format för Button-komponenten kan definieras i designdialogrutan.
Version och kompatibilitet version-and-compatibility
Den aktuella versionen av Button-komponenten är v2, som introducerades i version 2.18.0 av Core-komponenterna i februari 2022, och som beskrivs i det här dokumentet.
Följande tabell visar alla versioner av komponenten som stöds, de AEM versionerna som komponenterna är kompatibla med och länkar till dokumentation för tidigare versioner.
Mer information om versioner och versioner av kärnkomponenter finns i dokumentet Core Components Versions.
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
-
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.
-
Öppna länk på ny flik - Om det här alternativet är markerat öppnas länken på en ny flik i webbläsaren.
-
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
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
Fliken Format styles-tab-edit
Button-komponenten stöder AEM Style System..
Använd listrutan för att välja de format som du vill använda på komponenten. Markeringar som görs i redigeringsdialogrutan har samma effekt som de som väljs i komponentverktygsfältet.
Format måste konfigureras för den här komponenten i designdialogrutan för att den nedrullningsbara menyn ska vara tillgänglig.
Designdialogruta design-dialog
Fliken Format styles-tab
Button-komponenten stöder AEM Style System.
Adobe-klientdatalager data-layer
Button-komponenten stöder Adobe-klientdatalagret.