Pizca de sal
Un paso de receta: el salero se vuelca, se sacude dos veces y los granos caen en el cuenco antes del check.
Ajustes
Código
<label class="uvq02-slt"><input type="checkbox"><span class="bx" aria-hidden="true"><span class="sk"><i></i></span><b style="--i:0;--x:-0.35em"></b><b style="--i:1;--x:0.11em"></b><b style="--i:2;--x:0.19em"></b><b style="--i:3;--x:-0.14em"></b><b style="--i:4;--x:0.11em"></b><b style="--i:5;--x:-0.28em"></b><b style="--i:6;--x:-0.19em"></b><b style="--i:7;--x:-0.07em"></b><b style="--i:8;--x:-0.07em"></b><span class="dh"></span><span class="ok"><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>Añadir una pizca de sal</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
Pensado para pasos de recetas, este checkbox junta un salero de cristal con tapa metálica y un cuenco pequeño de cerámica. Al marcarlo, el salero se vuelca sobre el cuenco, se sacude dos veces, caen nueve granos uno detrás de otro y luego se dibuja un check dentro mientras el borde toma el color principal. Encaja en apps de cocina y listas de ingredientes.
El color principal es el check y el borde del cuenco; el secundario, la cerámica. Cambia la etiqueta por cualquier paso con ingrediente, como un toque de pimienta o una cucharada de azúcar, y apila varios pasos para seguir una receta.