Sello de aprobado
Un sello de tinta redondo cae con fuerza sobre la casilla y se queda impreso un poco torcido.
Ajustes
Código
<label class="uv-csp"><input type="checkbox"><span class="bx"><span class="st" aria-hidden="true"><svg viewBox="0 0 48 48" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><circle cx="24" cy="24" r="21" stroke-width="2.6"/><circle cx="24" cy="24" r="16.5" stroke-width="1.2" stroke-dasharray="2 2.6"/><path d="M15.5 24.5l6 6 11-12.5" stroke-width="4"/></svg></span></span>Revisado por calidad</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
Los pasos de aprobación se sienten más definitivos con un gesto físico, y esta casilla los sella. Al marcarla, un sello redondo con un anillo discontinuo y un check grueso cae desde arriba, aterriza un poco girado y deja un halo de tinta alrededor de la casilla. Encaja en controles de calidad, revisión de documentos, confirmaciones de entrega y altas de personal.
El rojo se lee como sello oficial, el verde como aprobado y el azul como firma. El sello es decorativo y queda oculto a las tecnologías de apoyo, mientras el checkbox nativo guarda el estado real.