Posts

Showing posts from May, 2024

How to make custom tooltip in angular ?

Image
Custom Tooltip Table What is a tooltip?  A tooltip is a small part of a text that is visible when the user hover mouse on a particular area of text, link, or image. If you want to add a tooltip on code you can use some pre written framework like Angular material, Bootstrap, Talwind Css, and use it on your code. but what if you want to customize?. Today I will tell you how to make a custom tooltip. Preview -  Screenshots :  Image -1 ->  On mouse enter without Css Image -2. On mouse leave without Css Image -3. On mouse enter with css and cursor tracker property Image -4. On mouse leave with css and cursor tracker property Code -  html ->                               < table >     < tr >         < th > Sr No. </ th >         < th > Name </ th >         < th >...