Provide short explanatory hints on hover or focus.
01Side
<TooltipContent side="top | bottom | left | right" />
02Align
<TooltipContent align="start | center | end" />
03Trigger
<Tooltip trigger="hover | click | focus | contextMenu" />
04Arrow
<Tooltip showArrow={true | false} />
05Color
<Tooltip color="#6d28d9" />
06Delay
<Tooltip delayDuration={300} />
07Controlled
<Tooltip open={open} onOpenChange={setOpen} />
08Rich content
<TooltipContent>{...}</TooltipContent>
Usage
