Etiqueta de rotuladora
Cajones metálicos que, al pasar o enfocar, imprimen encima una cinta en relieve como la de una rotuladora.
Ajustes
Código
<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">TORNILLOS 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">TACOS 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">BRIDAS 200</span></span></div></div>Prompt para IA
Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.
Más en Tooltips
Ver todos: TooltipsDónde usarlo
Las rotuladoras de mano marcaban letras blancas en relieve sobre cinta de plástico de color, y este tooltip toma ese aspecto. Cada cajón de un pequeño mueble de acero imprime su etiqueta encima a saltos, como si la cinta saliera de la máquina. Encaja en inventarios, apps de taller, paneles de almacén y cualquier interfaz con cosas guardadas en cajas.
Cambia el color de la cinta con el color principal y el tono del acero con el secundario. Escribe etiquetas cortas y en mayúsculas para que el relieve se lea bien, y úsalo donde el contenido se comporte de verdad como una pegatina.