Adding dotted underline to text to indicate tooltip

[James_Tuxbury]

• Goal:
  Communicate to the user that a text has a tooltip by underlining text with a dotted underline. I want to achieve the behavior that retool has in the documentation actually (example: The Link component for Retool Apps | Retool Docs)

on this page the text has a dotted underline and the tooltip appears immediately on mouse over (instead of on a delay)

• Details:
  I have tried using a text, html and link components, but they all had issues.
• Screenshots:
  
  

[pyrrho]

Hey @James_Tuxbury!

I think you can do this via CSS for the text-style when the tooltipText property is not null. You should be able to use component values in the custom CSS (Inject CSS class via JS - #3 by Jack_T)

Alternatively, you can just style the text conditionally with Markdown. You probably can't get the dotted underline this way, but you could do some other things like include additional characters/icons or even just make it look different slightly with other Markdown formatting (example below):

No tool tip:

With Tootip:

Mostly just showing how to deliver the differing styles and messages which can maybe be useful to you.