Tooltip im Prägeband-Stil
Metallschubladen, über denen beim Hovern oder Fokussieren ein geprägtes Plastikband erscheint, wie aus einem Beschriftungsgerät.
Einstellungen
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">SCHRAUBEN M4</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">DÜBEL 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">KABELBINDER 200</span></span></div></div>Prompt für KI
Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.
Mehr aus Tooltips
Alle ansehen: TooltipsWofür du ihn nutzen kannst
Alte Prägegeräte drückten weiße Buchstaben in farbiges Kunststoffband, und dieser Tooltip übernimmt genau diesen Look. Jede Schublade eines kleinen Stahlschranks druckt ihr Etikett schrittweise darüber, als käme das Band aus dem Gerät. Er passt zu Inventar-Tools, Werkstatt-Apps, Lager-Dashboards und jeder Oberfläche, in der echte Dinge in Kisten liegen.
Die Hauptfarbe bestimmt das Band, die Zweitfarbe den Ton des Stahls. Halte die Beschriftungen kurz und in Großbuchstaben, damit die Prägung gut lesbar bleibt, und setze ihn dort ein, wo sich der Inhalt wirklich wie ein Aufkleber verhält.