Vibeset

Nota que asoma

Una nota de 1 a 5 sin contexto es un número; con la palabra es una opinión. Al pasar por un icono se levanta y sobre él asoma «Buena». Es un grupo de botones de radio de verdad: cada icono lleva su nota en el nombre («4 de 5: Buena»), solo uno está en el tabulador y las flechas mueven la nota. Admite medias: en solo lectura el valor puede ser 4,3 y la última estrella se rellena un 30 %, recortando una copia sobre otra, porque redondear a 4 miente en un decimal que importa. La etiqueta es una sola que se desplaza entre iconos, y sale también con el foco del teclado.

Y el original de React Bits: Peek Rating

Esta pieza está escrita desde cero en Vibeset: no se ha copiado ni portado nada de React Bits. Hace algo parecido a su Peek Rating, y esto es lo que vimos del suyo por si prefieres usar el original.

Cuándo sí

Para pedir una nota de 1 a 5 de forma amable, o para enseñar la media de algo en modo solo lectura.

Ojo con

Enseñar una media que nadie ha votado es inventar un dato. En modo readOnly pon cifras reales o no lo muestres.

Accesibilidad

Nueve señales aria, teclado, modo de solo lectura y movimiento reducido (seis referencias en el código).