Control segmentado con salto
Un indicador degradado que da un saltito y aterriza en la nueva opción, como una pelota que bota.
Ajustes
Código
<div class="uv-fsj"><span class="p"></span><button class="on">Nuevos</button><button>Top</button><button>Cerca</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
Ver todos: FiltrosDónde usarlo
Este control tiene un punto juguetón que va bien en apps de consumo. Imagina un buscador de restaurantes donde la gente cambia entre Nuevos, Mejor valorados y Cerca, o un feed de comunidad que ordena publicaciones. El salto hace que cambiar resulte ligero y un poco divertido. Buena opción si quieres un control segmentado animado sin aire corporativo.
Deja algo de aire por encima, porque el indicador sube un momento y podría cortarse bajo una cabecera. Mejor no usarlo en una app de banca o en un panel de administración, donde la calma gana a la alegría. Con etiquetas cortas queda mejor.