Menu
  • Get Started
  • Product
  • Resources
  • Tools & SDKs
  • Framework
  • Reference

Tooltip

A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.

Was this example helpful?

Usage#

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

API Reference#

This component is based on the Radix UI Tooltip primitive.

PropTypeDefault
maxWidth
number
220
aria-label
string
 -
delayDuration
number
 -
forceMount
literal
 -
onEscapeKeyDown
function
 -
onPointerDownOutside
function
 -
Was this helpful?

Usage Outside Medusa Admin#

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#

PropTypeDefault
delayDuration
number
100
skipDelayDuration
number
300
disableHoverableContent
boolean
 -
Was this helpful?