# Implementing Grafana's Tooltip Component in Custom Panel Plugin

**URL:** <https://community.grafana.com/t/implementing-grafanas-tooltip-component-in-custom-panel-plugin/160464>\
**Category:** Grafana Plugin Development\
**Tags:** tooltip\
**Created:** [December 22, 2025, 8:28pm UTC](https://community.grafana.com/t/implementing-grafanas-tooltip-component-in-custom-panel-plugin/160464 "2025-12-22T20:28:31Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![katrinat](https://avatars.discourse-cdn.com/v4/letter/k/5daacb/32.png) [@katrinat](https://community.grafana.com/u/katrinat)\
**Post date:** [December 22, 2025, 8:28pm UTC](https://community.grafana.com/t/implementing-grafanas-tooltip-component-in-custom-panel-plugin/160464/1 "2025-12-22T20:28:31Z")

</div>

Hi all, I’ve implemented my own tooltips across multiple panels plugins, but would like to switch to using the same one as Grafana maintained plugins for continuity across my dashboards. What are others doing? Implementing your own, but matching styles or using Grafana’s? Any tips or links to example code would be much appreciated. Viz for the plugins is mainly done with d3.  
(Also some of my older plugins are just vanillaJS wrapped in React because they used to be Angular plugins. Will they need to be refactored to support using the Grafana components?)

Thanks!

---

<div class="post-metadata">

**Author:** ![academo](https://avatars.discourse-cdn.com/v4/letter/a/e9a140/32.png) [@academo](https://community.grafana.com/u/academo)\
**Post date:** [January 12, 2026, 11:06am UTC](https://community.grafana.com/t/implementing-grafanas-tooltip-component-in-custom-panel-plugin/160464/2 "2026-01-12T11:06:36Z")

</div>

Hi Katrinat

you can use the grafana tooltip directly from `@grafana/ui` [@storybook/core - Storybook](https://developers.grafana.com/ui/latest/index.html?path=/story/overlays-tooltip--basic)