HTML + CSSFiltros
Control segmentado estilo iOS
Un control segmentado al estilo de Apple: el indicador blanco se estira un poco mientras se desliza entre opciones.
Ajustes
16px
1x
Código
<div class="uv-fsi"><span class="p"></span><button class="on">Día</button><button>Semana</button><button>Mes</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
El clásico selector de Día, Semana y Mes. Encaja en las estadísticas de una app de deporte, en la gráfica de un panel de ventas o en un calendario que cambia de vista. La gente ya lo conoce del móvil, no hay nada que explicar. Si buscabas un segmented control de iOS en HTML y CSS, aquí lo tienes.
Entre dos y cuatro opciones es lo ideal. Con más, los segmentos se estrechan y el texto empieza a apretarse. Luce mejor sobre paneles gris claro; en un tema oscuro, rebaja la sombra del indicador.