Simply install the plugin and you're done! No configuration needed – it automatically enhances all native Bubble tooltips across your entire app.
How to Use
Just use Bubble's built-in "Tooltip (on hover)" field on any element. The plugin automatically converts it into a beautiful, styled tooltip. That's it!
Customization Options

🎨 Themes
Customize the look of your tooltips by replacing Theme in the plugin settings with any of these options:

light – Clean light background
light-border – Light with subtle border
material – Material Design style
translucent – Semi-transparent background



📍 Position Control
Control where tooltips appear using this syntax in your tooltip text:

[position]Your tooltip text

Available positions:
- top(default)
- bottom
- left
- right
- top-start, top-end
- bottom-start, bottom-end
- left-start, left-end
- right-start, right-end

Example:

[bottom]This tooltip appears below the element

🎬 Animation Control

Disable animations by adding 'no-animation' to the configuration:

[position,no-animation]Your tooltip text


Conditional Tooltips

The plugin fully supports conditional tooltips! Simply set the tooltip field to empty  when you don't want it to show, and the tooltip will be properly removed.