Componente Pulsante (v1) button-component
Il componente core Pulsante consente di configurare e visualizzare un pulsante su una pagina.
Utilizzo usage
Il componente core Pulsante consente di includere un pulsante in una pagina.
- Le proprietà del Pulsante possono essere selezionate nella finestra di dialogo per configurazione.
- Gli stili del componente Pulsante possono essere definiti nella finestra di dialogo per progettazione.
Versione e compatibilità version-and-compatibility
Il documento descrive la versione 1 del componente Pulsante, introdotto con la versione 2.5.0 dei componenti core a giugno 2019.
Esempio di output del componente sample-component-output
Per avere un’idea del componente Pulsante e vedere esempi delle opzioni di configurazione e dell’output HTML e JSON, visita la libreria dei componenti.
Dettagli tecnici technical-details
La documentazione tecnica più recente sul componente Pulsante è disponibile su GitHub.
Per ulteriori informazioni sullo sviluppo di Componenti core, vedi la documentazione per gli sviluppatori di Componenti core.
Finestra di dialogo per configurazione configure-dialog
La finestra di dialogo per configurazione consente all’autore di contenuto di definire l’elemento Pulsante e il suo comportamento e aspetto nei confronti di chi visita la pagina.
Scheda Proprietà properties-tab
-
Testo: il testo da visualizzare sul pulsante
-
Collegamento: il collegamento a una pagina di contenuto in AEM, una risorsa esterna o un ancoraggio
- Utilizza la finestra di dialogo per selezione per scegliere un percorso all’interno di AEM.
-
Icona: identificatore per la visualizzazione di un’icona nel pulsante
-
ID: questa opzione consente di controllare l’identificatore univoco del componente nel codice HTML e in Data Layer.
- Se non specificato, viene generato automaticamente un ID univoco reperibile sulla pagina risultante.
- Se l’ID viene specificato, è responsabilità dell’autore accertarsi che sia univoco.
- La modifica dell’ID può avere un impatto sul tracciamento di CSS, JS e Data Layer.
Scheda Accessibilità accessibility-tab
Nella scheda Accessibilità è possibile impostare i valori per le etichette di accessibilità ARIA del componente.
- Etichetta: il valore di un attributo dell’etichetta ARIA del componente
Finestra di dialogo per progettazione design-dialog
Scheda Stili styles-tab
Il componente Pulsante supporta il sistema di stili di AEM.
Adobe Client Data Layer data-layer
Il componente Pulsante supporta Adobe Client Data Layer.