Busco
16 resultados
Toca las palabras subrayadas para cambiarlas
Filtro en forma de frase
Los filtros se leen como una frase: toca cada palabra subrayada y cambia a la siguiente opción rodando.
Ajustes
Código
<div class="uvq05-st"><p class="ph"><span>Busco</span> <button type="button" data-k="0"><span>un piso</span></button> <button type="button" data-k="1"><span>con terraza</span></button> <button type="button" data-k="2"><span>en el centro</span></button> <button type="button" data-k="3"><span>hasta 900 €</span></button></p><p class="rs"><b>16</b> <span>resultados</span></p><p class="hn">Toca las palabras subrayadas para cambiarlas</p></div>Prompt para IA
Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.
Más en Filtros
Ver todos: FiltrosDónde usarlo
Los filtros en lenguaje natural van bien en inmobiliarias, viajes y reservas, donde un formulario completo pesa demasiado. La frase usa una tipografía con remate y cada fragmento subrayado es un botón que recorre sus opciones al pulsarlo o con las flechas, haciendo rodar las palabras nuevas desde abajo mientras el número de resultados se actualiza con un pequeño rebote.
El primer color da estilo a los fragmentos y a su subrayado de puntos, y el segundo al resaltado al pasar el cursor. Edita las listas de opciones en el script para montar tu frase y procura que tengan longitudes parecidas para que la línea no salte.