Skip to content
Spiral
/
/
Give feedback
Tooltip
Hover/focus-triggered hint, compact label or expanded with title, description, and a link.
Light
Hover or focus
Show code
Dark
Hover or focus
Show code
Size
Small
Large
Show code
With button
Hover or focus
Show code
Position: Top
Top Left
Top Center
Top Right
Show code
Position: Bottom
Bottom Left
Bottom Center
Bottom Right
Show code
Position: others
Right
Left
Show code
API References
Prop
Type
Default
direction
TooltipDirection
"top-center"
mode
"light"
"dark"
"light"
size
"small"
"large"
"small"
label
ReactNode
—
icon / title / description
—
—
linkLabel / onLinkClick
string / () => void
—
dismissible
boolean
false
open
boolean
—
