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
Dó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.