Sistema de diseño
Overlay
El Overlay es una capa que se superpone a la interfaz principal para resaltar contenido específico situado encima. Atenúa el fondo y bloquea la interacción con otras áreas de la pantalla.
Figma
Storybook
AEM
Overview
El Overlay es un componente que aplica una capa semitransparente oscura sobre la interfaz principal, permitiendo que el contenido destacado, como cuadros de diálogo, menús o notificaciones, se distinga claramente. Esta capa atenúa el fondo para diferenciarlo del contenido emergente, bloqueando la interacción con otras áreas de la pantalla y asegurando que el usuario se centra en la información destacada.
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
Nombre
Descripción / Uso
Ejemplo
No items found.
Nombre
Descripción / Uso
Ejemplo
No items found.
Behaviour
El Overlay cubre el 100% de la pantalla en todos los tamaños, desde pantallas grandes hasta dispositivos móviles.
Este elemento no puede aparecer solo, siempre debe ir acompañado de una lightbox u otro elemento que se posicione encima.
Recursos adicionales
Encuentra más información y documentación específica para cada plataforma
Anterior
Overview componentes
Siguiente
Overview componentes