Menu

Tooltip

A component that displays a pop-up with additional information when hovering over or focusing on an element.

In this guide, you'll learn how to use the Tooltip component.

Was this example helpful?

Usage#

Code
import { Tooltip } from "@medusajs/ui"
Code
<Tooltip content="Tooltip content">Trigger</Tooltip>

API Reference#

Usage Outside Medusa Admin with TooltipProvider#

If you're using the Tooltip component in a project other than the Medusa Admin, make sure to include the TooltipProvider somewhere up in your component tree:

Code
1<TooltipProvider>2  <Tooltip content="Tooltip content">Trigger</Tooltip>3</TooltipProvider>

TooltipProvider Reference#

Examples#

Changing Tooltip Side#

Was this example helpful?

Set Tooltip Max Width#

Was this example helpful?
Was this guide helpful?
Ask Bloom
For assistance in your development, use Claude Code Plugins or Medusa MCP server in Cursor, VSCode, etc...FAQ
What is Medusa?
How can I create a module?
How can I create a data model?
How do I create a workflow?
How can I extend a data model in the Product Module?
Recipes
How do I build a marketplace with Medusa?
How do I build digital products with Medusa?
How do I build subscription-based purchases with Medusa?
What other recipes are available in the Medusa documentation?
Chat is cleared on refresh
Line break
⇧↵