Pinch of salt checkbox
A recipe step: the salt shaker tips over, shakes twice and the grains fall into the bowl before the tick appears.
Settings
Code
<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>Add a pinch of salt</label>Prompt for AI
Paste it into ChatGPT, Claude or Cursor and it will adapt the block to your project with these settings, even if you don’t use React.
More in Checkboxes
See all CheckboxesWhere to use it
Made for recipe steps, this checkbox pairs a glass salt shaker with a metal cap and a small ceramic bowl. Checking it tips the shaker over the bowl, shakes it twice, lets nine grains fall one after another and then draws a tick inside the bowl while its rim takes the main color. Hovering tilts the shaker a little. It fits cooking apps, ingredient checklists and meal planners.
The main color is the tick and the bowl rim, the secondary color the ceramic. Swap the label for any ingredient step, such as a dash of pepper or a spoon of sugar, and stack several steps to follow a recipe.