Sistema de diseño
Floating button
Componente que flota sobre el contenido de la página, proporcionando información adicional o acceso a acciones primarias o importantes.
Figma
Storybook
AEM
Overview
Los elementos flotantes de este estilo, pueden integrarse en cualquier interfaz, situándose cerca del borde del navegador para tratar de destacar pero no interferir en la legibilidad de la página.
Nombre
Descripción / Uso
Ejemplo
No items found.
Variantes
Nombre
Descripción / Uso
Ejemplo
No items found.
Nombre
Descripción / Uso
Ejemplo
No items found.
Opciones
Este componente puede incluir un Action Button para resaltar la acción que queremos que el usuario haga.
Nombre
Descripción / Uso
Ejemplo
No items found.
Nombre
Descripción / Uso
Ejemplo
No items found.
Behaviour
Posición
El botón se coloca sobre los demás elementos de la página y permanece siempre visible.
Desktop (Breakpoints M-XXL)
Se ubica en el borde derecho de la pantalla, con un ancho fijo.
Mobile (Breakpoints XS-S)
Se posiciona en el borde inferior de la pantalla, ocupando el ancho completo.
Overflow / Resizing
El componente crece en altura, manteniendo el ancho definido según el breakpoint.
Se recomienda limitar el texto a un máximo de cuatro líneas (tres líneas en XS-S).
Recursos adicionales
Encuentra más información y documentación específica para cada plataforma
Anterior
Overview componentes
Siguiente
Overview componentes