Label maker tooltip
Metal drawers that print an embossed plastic label tape above them when you hover or focus, like a handheld label maker.
Settings
Code
<div class="uvq08-dym"><div class="cab"><span class="cl pk"><button type="button" class="dr" aria-label="Cajón 1" aria-describedby="uvq08-dym-0"><i class="sl" aria-hidden="true"></i><i class="hd" aria-hidden="true"></i></button><span class="lb" role="tooltip" id="uvq08-dym-0">M4 SCREWS</span></span><span class="cl"><button type="button" class="dr" aria-label="Cajón 2" aria-describedby="uvq08-dym-1"><i class="sl" aria-hidden="true"></i><i class="hd" aria-hidden="true"></i></button><span class="lb" role="tooltip" id="uvq08-dym-1">WALL PLUGS 8 MM</span></span><span class="cl"><button type="button" class="dr" aria-label="Cajón 3" aria-describedby="uvq08-dym-2"><i class="sl" aria-hidden="true"></i><i class="hd" aria-hidden="true"></i></button><span class="lb" role="tooltip" id="uvq08-dym-2">CABLE TIES 200</span></span></div></div>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 Tooltips
See all TooltipsWhere to use it
Old handheld label makers punched white letters into colored plastic tape, and this tooltip borrows that look. Each drawer of a small steel cabinet prints its label above it in steps, so the tape seems to feed out of the machine. It works for inventory tools, workshop apps, storage dashboards and any interface with physical things kept in boxes.
Change the tape color with the main color and the steel tint with the second one. Keep labels short and in capitals so the embossed effect reads well, and use it where the content really behaves like a sticker.