- Get Started
- Product
- Resources
- Tools & SDKs
- Framework
- Reference
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#
API Reference#
This component is based on the Radix UI Tooltip primitive.
Prop | Type | Default |
---|---|---|
content | ReactReactNode | - |
onClick | ReactMouseEventHandler | - |
side | "bottom" | "left" | "top" | "right" | - |
maxWidth | number | 220 |
sideOffset | 8 |
Was this page 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:
TooltipProvider Reference#
Prop | Type | Default |
---|---|---|
delayDuration | 100 | |
skipDelayDuration | 300 |
Was this page helpful?