Components
Tooltip
A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.
Usage
import {
Tooltip,
TooltipContent,
TooltipProvider,
TooltipTrigger,
} from "@murasakijs/ui";<TooltipProvider>
<Tooltip>
<TooltipTrigger>Hover</TooltipTrigger>
<TooltipContent>Add to library</TooltipContent>
</Tooltip>
</TooltipProvider>API Reference
Subcomponents
| Component | Description |
|---|---|
TooltipProvider | Wraps the part of your tree that uses tooltips; required at least once (e.g. once near the app root), configures shared delayDuration etc. |
Tooltip | The root primitive for a single tooltip. Accepts open, defaultOpen, onOpenChange, delayDuration. |
TooltipTrigger | The element the tooltip is attached to. Supports asChild. |
TooltipContent | The popup content. Accepts sideOffset (default 8). |
TooltipPortal | Portals content into document.body. Used internally by TooltipContent. |
Hover/focus activation, dismissal, and positioning are provided by React Aria Components.