Bouton Effacer les filtres
Un bouton qui n’apparaît que si un filtre est actif, indique combien le sont et les efface d’un clic.
Réglages
Code
<div class="uv-fcr"><div class="rw"><button class="c">Design</button><button class="c">Code</button><button class="c">Photos</button><button class="c">Vidéo</button></div><button class="cl"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round"><path d="M6 6l12 12M18 6L6 18"/></svg><b>Effacer les filtres</b><i class="n">0</i></button></div>Prompt pour l’IA
Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.
Plus dans Filtres
Où l’utiliser
Sur une banque d’images, on empile vite les filtres : Illustration, Vecteur, Photo, Vidéo. Quand les résultats se tarissent, il faut une sortie rapide. Ce bouton reste caché tant qu’il n’y a rien à effacer, puis apparaît avec son compteur. Pas de bouton inutile sur une page sans filtre. Souvent appelé bouton de réinitialisation des filtres.
Placez-le près des filtres, pas à l’autre bout de la page. Le chiffre compte : « Effacer les filtres (3) » dit combien de choix vont disparaître. Associez-le à un message « aucun résultat » qui propose justement de tout effacer.