Tooltip
A short label on hover or keyboard focus, for icon buttons. Not for essential information.
import { Tooltip } from "pleate/tooltip";On icon buttons
Props
- content
The label.
ReactNode- side
Which edge of the trigger it appears on (flips when there is no room).
"top" | "right" | "bottom" | "left"default "top"- align
Alignment along that edge.
"start" | "center" | "end"default "center"- delayDuration
Hover delay in ms.
numberdefault 400- TooltipProvider delayDuration
Wrap several tooltips in one provider so moving between them skips the delay.
numberdefault 400- disabled
Render the child without a tooltip.
boolean