Tooltip
Tooltips display a label that was omitted when hovering the element. They shouldn't be essential for users to complete tasks.
Required props
label
Text displayed on the popover
type
React.ReactNode
default
null
Optional props
placement
The placement of the popover.
Live examples:
type
Placement
default
"top"
open
Whether the content is visible.
Live examples:
type
boolean
default
false
setOpen
A callback that gets called when the
open state
changes.
type
((open: boolean) => void)
default
null
defaultOpen
Whether the content should be visible by default.
type
boolean
default
false
timeout
The amount of time in milliseconds to wait before showing and hiding the
popup. To control the delay for showing and hiding separately, use
showTimeout
and
hideTimeout.
type
number
default
500
