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.

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.

CAUTION
Questo documento descrive la versione 1 del componente Pulsante.
Per informazioni dettagliate sulla versione corrente del componente Pulsante, consulta il documento Componente pulsante.

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

Scheda Proprietà della finestra di dialogo per modifica del componente Pulsante

  • 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

Scheda Accessibilità della finestra di dialogo per modifica del componente Pulsante

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.

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