Highlighter pen checkbox
On a ruled notebook page, checking the box sweeps a fluorescent highlighter stroke behind the sentence.
Settings
Code
<label class="uvq02-hil"><input type="checkbox"><span class="bx"><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="tx">Review chapter 4</span></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
This checkbox lives on a sheet of ruled notebook paper with a red margin line. Checking it draws the tick in pen and sweeps a fluorescent highlighter stroke behind the label, slightly slanted and with uneven ends, the way a real marker lands. Hovering lets the tip peek in. It suits study planners, reading lists, revision apps and note-taking tools.
The main color is the highlighter ink, from lime to pink or orange, and the secondary color the pen used for the box and tick. Keep labels to one line, since the stroke follows a single row of text.