Hover over the buttons below to see tooltips in four directions: top, right, bottom, and left.

Themed background and text colors using custom classes passed to `data-bs-custom-class`.

Adjust padding, sizes, and border-radius using custom tooltip utility configurations.

Render bold text, icon-integrated lists inside tooltips, or apply high-impact linear gradient backgrounds.

Configure trigger actions using `data-bs-trigger` supporting hover, click toggle, or keyboard focus events.

To trigger tooltips on disabled elements, wrap them in a helper wrapper element like a span or div.