Tooltip
A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.
"use client"
import {
Button,
Tooltip,Usage
import {
Tooltip,
TooltipContent,
TooltipTrigger,
} from "uilab-core"<Tooltip>
<TooltipTrigger>Hover</TooltipTrigger>
<TooltipContent>
<p>Add to library</p>
</TooltipContent>
</Tooltip>Examples
Sides
Use the side prop to change the position of the tooltip.
"use client"
import {
Button,
Tooltip,With Keyboard Shortcut
"use client"
import {
Button,
Kbd,Disabled Button
Show a tooltip on a disabled button by wrapping it with a span.
import {
Button,
Tooltip,
TooltipContent,
TooltipTrigger,