Búsqueda en vivo
Búsqueda instantánea con resultados mientras se escribe, desde un campo, una lupa o una ventana
Los ejemplos son solo una parte. Cada tile tiene además las opciones avanzadas: animaciones, efectos del ratón, visibilidad por dispositivo o por fecha, posición y mucho más.
01
Recién añadido
Así se ve nada más añadirlo a la página, antes de cualquier cambio.
02
El campo de búsqueda amplio de un catálogo
Campo alto de 56 px en forma de píldora, texto de 17 px, borde rojo tenue que se enciende al enfocar: los resultados aparecen debajo mientras escribes, con miniatura y extracto. Prueba a escribir «tile» o «habitación»: los resultados llegan del sitio mientras tecleas.
03
Solo la lupa, que se abre
Modo compacto: en la página queda un botón redondo con la lupa, a la derecha; el campo se desliza hacia la izquierda al hacer clic.
04
La ventana «spotlight» sobre fondo oscuro
Modo modal: la lupa abre una ventana centrada de 640 px de ancho sobre un velo oscuro, con los resultados en dos columnas. En la página solo está la lupa: haz clic en ella para abrir la ventana de búsqueda.
05
Inline en una barra lateral
Modo inline, bajo y cuadrado, sin miniaturas ni extractos: resultados en una sola línea por título, dentro de una card de la columna lateral.
