Botón para limpiar filtros
Un botón que solo aparece cuando hay algún filtro activo, dice cuántos hay y los quita de un clic.
Ajustes
Código
<div class="uv-fcr"><div class="rw"><button class="c">Diseño</button><button class="c">Código</button><button class="c">Fotos</button><button class="c">Vídeo</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>Limpiar filtros</b><i class="n">0</i></button></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
Dónde usarlo
En un banco de imágenes la gente acumula filtros enseguida: Ilustración, Vector, Foto, Vídeo. Cuando los resultados se agotan, hace falta una salida rápida. Este botón se queda escondido hasta que hay algo que limpiar y entonces aparece con su número. Así evitas un botón inútil en una página sin filtros. Otros lo llaman botón de resetear filtros.
Colócalo junto a los filtros, no al otro extremo de la página. El número importa: «Limpiar filtros (3)» dice cuánto se va a deshacer. Combínalo con un mensaje de «sin resultados» que proponga limpiarlos.