Text
Hello World!
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!
Directions of Tooltip
You can change the direction of the tooltip by adding any .right
, .left
and
.top
classes to .tooltip
container.
Default Class Name | Combinators |
---|---|
tooltip |
.tooltip |
text |
.tooltip > .text |
Directions | Combinators |
left |
.left.tooltip |
right |
.right.tooltip |
top |
.top.tooltip |