Busco
16 resultados
Toca las palabras subrayadas para cambiarlas
Sentence-style filter
Filters that read as a sentence: tap each underlined phrase and it rolls to the next option.
Settings
Code
<div class="uvq05-st"><p class="ph"><span>I'm looking for</span> <button type="button" data-k="0"><span>a flat</span></button> <button type="button" data-k="1"><span>with a terrace</span></button> <button type="button" data-k="2"><span>in the centre</span></button> <button type="button" data-k="3"><span>up to 900 €</span></button></p><p class="rs"><b>16</b> <span>results</span></p><p class="hn">Tap the underlined words to change them</p></div>Prompt for AI
Paste it into ChatGPT, Claude or Cursor and it will adapt the block to your project with these settings, even if you don’t use React.
More in Filters
See all FiltersWhere to use it
Natural-language filters suit property, travel and booking sites where a full form feels heavy. The sentence is set in a serif face, and each underlined phrase is a button that cycles through its options on click or with the arrow keys, rolling the new words in from below while the result count updates with a small bounce.
The first colour styles the phrases and their dotted underline, the second the hover highlight. Edit the option arrays in the script to build your own sentence, and keep every option a similar length so the line does not jump.