Componente de botón

El componente Botón del componente principal permite la configuración y visualización de un elemento de botón en una página.

Uso

El componente Botón del componente principal permite la inclusión de un botón en una página.

Versión y compatibilidad

La versión actual del componente Botón es v1, que se introdujo con la versión 2.5.0 de los componentes principales en junio de 2019 y se describe en este documento.

La siguiente tabla detalla todas las versiones compatibles del componente, las versiones AEM con las que son compatibles las versiones del componente y los vínculos a la documentación de versiones anteriores.

Versión del componente AEM 6.4 AEM 6.5 AEM as a Cloud Service
v1 Compatible Compatible Compatible

Para obtener más información sobre las versiones y versiones de los componentes principales, consulte el documento Versiones de los componentes principales.

Salida de componente de ejemplo

Para experimentar el componente Botón, así como ver ejemplos de sus opciones de configuración, así como la salida HTML y JSON, visite la Biblioteca de componentes.

Detalles técnicos

La documentación técnica más reciente sobre el componente Button se encuentra en GitHub.

Puede encontrar más información sobre el desarrollo de componentes principales en la documentación para desarrolladores de componentes principales.

Configurar diálogo

El cuadro de diálogo de configuración permite al autor del contenido definir el botón y cómo se comportará y aparecerá para un visitante de la página.

Ficha Propiedades

Ficha Propiedades del cuadro de diálogo de edición del componente Botón

  • Texto : el texto que se mostrará en el botón.
  • Vínculo : vínculo a una página de contenido dentro de AEM, un recurso externo o un anclaje
    • Utilice el Cuadro de diálogo de selección para elegir una ruta dentro de AEM.
  • Icono - Identificador para mostrar un icono en el botón
  • ID : esta opción permite controlar el identificador único del componente en el HTML y en la capa de datos.
    • Si se deja en blanco, automáticamente se genera un ID único que se puede encontrar inspeccionando la página resultante.
    • Si se especifica un ID, es responsabilidad del autor asegurarse de que sea único.
    • Cambiar el ID puede afectar al seguimiento de CSS, JS y capa de datos.

Pestaña Accesibilidad

Pestaña Accesibilidad del cuadro de diálogo de edición del componente Botón

En la pestaña Accesibilidad, se pueden configurar valores para las etiquetas ARIA accesibilidad del componente.

  • Etiqueta : Valor de un atributo de etiqueta ARIA para el componente

Diálogo de diseño

Pestaña Estilos

El componente Botón es compatible con el sistema de estilos AEM.

Capa de datos del cliente de Adobe

El componente Botón es compatible con la capa de datos del cliente de Adobe.

En esta página

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now