HTML + CSSCheckboxes
Checkbox redonda
Una casilla redonda que se rellena desde el centro y luego muestra un check blanco con un saltito.
Ajustes
16px
1x
Código
<label class="uv-cc"><input type="checkbox" checked><span><svg viewBox="0 0 24 24"><path d="M5 12.5l4.5 4.5L19 7.5" pathLength="1"/></svg></span>Recordarme</label>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 Checkboxes
Dónde usarlo
Las casillas redondas se sienten más suaves y más de móvil que las cuadradas. Esta funciona bien en el «Recordarme» bajo un login, para elegir ingredientes en una app de pedidos de pizza o para marcar lecciones vistas en un curso. El color crece desde el centro como una gota de tinta y el check aparece con un muelle.
Los círculos se suelen leer como botones de opción, donde solo se puede elegir una cosa. Úsala para una casilla suelta como «Recordarme», o en listas donde el texto deje claro que se pueden marcar varias.