Tooltip

The Tooltip component provides additional information when a user hovers over on an element. It is ideal for offering brief descriptions, tips, or clarifications without cluttering the layout. Tooltips can be customized in terms of content, style, and positioning to fit various design needs. Just add the .tooltip class to a span, button or div element to create a tooltip.
Button Hello World!
Long Text Lorem ipsum dolor sit amet, consectetur adipisicing elit
Text Hello World!
Directions of Tooltip
Props
Default Class Name Combinators
tooltip .tooltip
text .tooltip > .text
Directions Combinators
left .left.tooltip
right .right.tooltip
top .top.tooltip