Saltar al contenido

Backdrop

Un backdrop, en diseño de interfaces, es una capa situada detrás del contenido principal que muestra contexto o controles relacionados con lo que aparece delante

Qué significa, cómo se usa y en qué contexto aparece, con sus conceptos relacionados.

Qué es y cómo funciona

En Material Design 2, el backdrop era un componente formado por una capa trasera, con navegación, filtros o ajustes, y una capa delantera con el contenido. Al desplegar la capa trasera, la delantera se desplazaba hacia abajo y seguía visible, y las acciones de atrás modificaban lo que se mostraba delante, por ejemplo al filtrar una lista.

Material Design 3 no mantiene este componente y resuelve esos casos con hojas inferiores, paneles o menús. En sentido general, «backdrop» también designa la capa semitransparente que oscurece el fondo cuando se abre un diálogo; en CSS existe además el pseudoelemento ::backdrop para estilizarla.

También se dice

Capa trasera, Telón de fondo

Conceptos relacionados