Weekly pill blister checkboxes
A seven-day blister pack: checking a day crushes the bubble, pushes the pill out and leaves torn foil behind.
Settings
Code
<fieldset class="uvq02-bls"><legend>Pills for the week</legend><div class="cd"><label><input type="checkbox" aria-label="Monday"><span class="cv" aria-hidden="true"><i></i></span><span class="dy" aria-hidden="true">MON</span></label><label><input type="checkbox" aria-label="Tuesday"><span class="cv" aria-hidden="true"><i></i></span><span class="dy" aria-hidden="true">TUE</span></label><label><input type="checkbox" aria-label="Wednesday"><span class="cv" aria-hidden="true"><i></i></span><span class="dy" aria-hidden="true">WED</span></label><label><input type="checkbox" aria-label="Thursday"><span class="cv" aria-hidden="true"><i></i></span><span class="dy" aria-hidden="true">THU</span></label><label><input type="checkbox" aria-label="Friday"><span class="cv" aria-hidden="true"><i></i></span><span class="dy" aria-hidden="true">FRI</span></label><label><input type="checkbox" aria-label="Saturday"><span class="cv" aria-hidden="true"><i></i></span><span class="dy" aria-hidden="true">SAT</span></label><label><input type="checkbox" aria-label="Sunday"><span class="cv" aria-hidden="true"><i></i></span><span class="dy" aria-hidden="true">SUN</span></label></div></fieldset>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 group of seven checkboxes is drawn as a pill blister with a silver foil card and clear domes, one per weekday. Checking a day squashes its dome, pushes the two-tone capsule out and leaves a torn hole in the foil, and the day label changes color. Each dome is a real checkbox with the full day name for screen readers. It fits medication reminders, health apps and routine trackers.
The main color is one half of the capsule and the day highlight, the secondary color the other half. Change the legend for vitamins or supplements, and use it in a weekly view where people can see at a glance what is left.