- Introducción a los componentes principales
- Rutas al éxito
- Biblioteca de componentes
- Versiones de componentes principales
- Introducción
- Los componentes
- Acordeón
- Ruta de navegación
- Botón
- Carrusel
- Contenedor
- Fragmento de contenido
- Lista de fragmentos de contenido
- Descargar
- Incrustar
- Fragmento de experiencias
- Imagen
- Navegación por idiomas
- Lista
- Navegación
- Página
- Visualizador de PDF
- Barra de progreso
- Búsqueda rápida
- Separador
- Compartir en redes sociales
- Texto
- Pestañas
- Teaser
- Título
- Componentes de formulario
- Componentes (v1)
- Desarrollo de
- Desarrollo de componentes principales
- Rutas al éxito
- Tutorial para desarrolladores de WKND
- Personalización de componentes principales
- Instrucciones de los componentes
- Compatibilidad con AMP
- Configuraciones según el contexto
- Inclusión de bibliotecas de cliente
- Capa de datos del cliente de Adobe
- Tipo de archivo del proyecto AEM
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.
- Las propiedades del botón se pueden seleccionar en el cuadro de diálogo configurar.
- Los estilos del componente Botón se pueden definir en el cuadro de diálogo diseño.
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.
En la tabla siguiente se detallan 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 componentes principales.
Salida de componente de muestra
Para experimentar el componente Botón y 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 Botón se encuentra en GitHub.
Encontrará más detalles sobre el desarrollo de los componentes principales en la documentación para desarrolladores de los componentes principales.
Configurar cuadro de 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
- Texto : el texto que se va a mostrar en el botón
- Vínculo : vínculo a una página de contenido 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, se genera automáticamente una ID única para usted y 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 tener un impacto en el seguimiento de CSS, JS y de la capa de datos.
Ficha Accesibilidad
En la ficha Accesibilidad, se pueden definir valores para las etiquetas accesibilidad ARIA del componente.
- Etiqueta : valor de un atributo de etiqueta ARIA para el componente
Diálogo de diseño
Ficha Estilos
El componente Botón admite el sistema de estilo AEM .