Plástico protector
Una lámina protectora con pestaña cubre la casilla y se despega desde la esquina al marcarla.
Ajustes
Código
<label class="uvq02-flm"><input type="checkbox"><span class="bx"><span class="sf"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12.5l4.5 4.5L19 7.5" pathLength="1"/></svg></span><span class="fm" aria-hidden="true"><i>1</i></span></span>Quitar el plástico protector</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
Ver todos: CheckboxesDónde usarlo
Quitar el plástico a un aparato nuevo es uno de esos pequeños placeres, y este checkbox lo recrea. Una lámina brillante con pestaña numerada cubre un cuadrado gris; al marcarlo, se despega en 3D desde la esquina y deja ver una superficie de color con un check. Al pasar el ratón la esquina se levanta. Encaja en páginas de unboxing, lanzamientos de producto y tiendas de gadgets.
Los colores principal y secundario forman el degradado que hay bajo la lámina, así que elige los tonos de tu marca para ese momento. Al desmarcar, la lámina vuelve a su sitio, por eso funciona mejor en un ajuste de primer uso que en una lista larga.