- Introducción a los componentes principales
- Rutas para alcanzar el éxito
- Biblioteca de componentes
- Versiones
- Introducción
- Los componentes de gestión de contenidos web (WCM)
- 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 medios sociales
- Tabla de contenido
- Texto
- Pestañas
- Teaser
- Título
- Componentes de formulario
- Componentes (v1)
- Componentes (v2)
- Componentes (versión 3)
- Componentes de correo electrónico
- Formularios adaptables
- Introducción
- Historial de versiones
- Componentes de Formularios adaptables
- Acordeón de Formularios adaptables
- Botón de Formularios adaptables
- Grupo de casillas de verificación de Formularios adaptables
- Contenedor de formulario adaptable
- Selector de fecha de Formularios adaptables
- Lista desplegable de Formularios adaptables
- Entrada de correo electrónico de Formularios adaptables
- Archivos adjuntos de Formularios adaptables
- Pestañas horizontales de Formularios adaptables
- Imagen de Formularios adaptables
- Entrada de número de Formularios adaptables
- Panel de Formularios adaptables
- Botón de radio de Formularios adaptables
- Botón Restablecer de Formularios adaptables
- Botón de envío de Formularios adaptables
- Entrada de teléfono de Formularios adaptables
- Texto de Formularios adaptables
- Cuadro de texto de Formularios adaptables
- Título de Formularios adaptables
- Diseño del asistente de Formularios adaptables
- Encabezado
- Pie de página
- Desarrollo de
- Desarrollo de componentes principales
- Rutas para alcanzar el é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
- El servlet de imagen adaptable
- Entrega de imágenes optimizadas para la web
- Capa de datos del cliente de Adobe
- Tipo de archivo del proyecto AEM
Componente Botón (Versión 1)
El componente principal Botón permite configurar y mostrar un elemento de botón en una página.
Uso
El componente principal Botón permite incluir un botón en una página.
- Las propiedades del botón se pueden seleccionar en el cuadro de diálogo de configuración.
- Los estilos del componente Botón se pueden definir en el cuadro de diálogo de diseño.
Versión y compatibilidad
El documento describe la versión 1 del componente Botón, que se introdujo con la versión 2.5.0 de los componentes principales en junio de 2019.
Este documento describe la versión 1 del componente botón.
Para obtener más información sobre la versión actual del componente Botón, consulte el documento Componente Botón.
Salida del componente de ejemplo
Para experimentar el componente Botón, así como ver ejemplos de sus opciones de configuración, además de 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.
Puede encontrar más información sobre el desarrollo de componentes principales en la documentación para desarrolladores de componentes principales.
Cuadro de diálogo de configuración
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.
Pestaña Propiedades
- Texto: Texto que se muestra 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 de iconos para mostrar un icono en el botón
- ID: esta opción permite controlar el identificador único del componente del HTML y de la capa de datos.
- Si se deja en blanco, se generará automáticamente 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 de la capa de datos.
Pestaña Accesibilidad
En la pestaña Accesibilidad, se pueden configurar valores para las etiquetas de accesibilidad ARIA del componente.
- Etiqueta: Valor de un atributo de etiqueta ARIA para el componente
Cuadro de diálogo de diseño
Pestaña Estilos
El componente Botón es compatible con el sistema de estilos de AEM.
Capa de datos del cliente de Adobe
El componente Botón es compatible con la capa de datos del cliente de Adobe.
Recursos de Business.Adobe.com
Recursos
Cuenta de Adobe
