Instructions
✨ Tooltip Styling Guide
Customize your tooltips with flexible positioning, animations, and visibility options. Use the parameters below to achieve the perfect look and functionality for your tooltips.
📍 Positioning
Set the tooltip’s position using [placement]. Available options: top, bottom, left, right.
Example:
[bottom] Your tooltip text
🎞️ Animation
Disable animation by adding [no-animation].
Example:
[top, no-animation] Your tooltip text
🎯 Arrow Visibility
Remove the tooltip arrow with [no-arrow].
Example:
[left, no-arrow] Your tooltip text
📏 Offset Adjustment
Shift the tooltip’s position using [offsetX offsetY], where X moves it horizontally and Y moves it vertically.
Example:
[top, 10 20] Your tooltip text → Moves the tooltip 10px right and 20px down.
🏗️ Full Example
To display a tooltip at the top, without animation, no arrow, and offset 5px to the right and 10px down:
[top, no-animation, no-arrow, 5 10] Your tooltip text