DEV Community

Abhishek Ramesh Pakhare
Abhishek Ramesh Pakhare

Posted on

Is there any way to put HTML code in Tooltip?

Top comments (4)

Collapse
 
weeb profile image
Patrik Kiss • Edited

I guess it depends on what kind of framework you are using (if you are).

If you use bootstrap tooltip, then yes, it's easily possible, using data-html attribute, and set it to true. Like data-html="true"

It's in the documentation

Collapse
 
abhishekpakhare97 profile image
Abhishek Ramesh Pakhare

Thank you so much for your response. I am familiar with bootstrap but right now I am using Materialize CSS framework. What I want to do is to make a table within the tooltip

Collapse
 
mpuckett profile image
Michael Puckett • Edited

As far as accessible HTML, it may be a good candidate for a non-modal dialog element, especially if the table is interactive. Basically you add it after the tooltip and then add the open attribute when tooltip is clicked. Unfortunately it has limited browser support but the accessibility mechanics can be replicated with role=dialog and some JavaScript.

Collapse
 
abhishekpakhare97 profile image
Abhishek Ramesh Pakhare

Thank you so much for you support and reponse