Sistema de diseño
Indicator
Este componente es un control de navegación de carruseles o slides. Es esencial en interfaces donde se muestran múltiples slides o elementos de contenido que se pueden desplazar horizontalmente.
Figma
Storybook
AEM
Overview
Permite a los usuarios cambiar entre los slides disponibles al hacer clic, tocar o deslizar.
Nombre
Descripción / Uso
Ejemplo
No items found.
Variantes
Este componente tiene dos variantes: un diseño de puntos y otro de líneas.
Indicator de puntos
Pensado para elementos pequeños en desktop, como cards, y siempre es recomendado su uso en mobile.
Indicator de línea
Uso exclusivo en desktop para elementos grandes, como héroes o destacados que ocupen las 12 columnas del grid.
Nombre
Descripción / Uso
Ejemplo
No items found.
Nombre
Descripción / Uso
Ejemplo
No items found.
Opciones
Usos de las distintas opciones de configuración del Indicator:
Configuración del indicator en cualquiera de sus variantes
Nombre
Descripción / Uso
Ejemplo
Default
Preparada para funcionar sobre fondos blancos o grises: Background 1 y 2 de Foundations.
Inverse
Opción preparada para funcionar bien sobre fondos de color o fotografías.
Nombre
Descripción / Uso
Ejemplo
No items found.
Behaviour
Recursos adicionales
Encuentra más información y documentación específica para cada plataforma
Anterior
Overview componentes
Siguiente
Overview componentes