Tooltip

A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.

When To Use

Use the Tooltip component when you want to:

Provide additional information about UI elements
Explain the purpose of a button, icon, or other interactive element
Show keyboard shortcuts or commands
Present brief help text without cluttering the interface
Give context for truncated text or content

Tooltips are especially useful for icons or buttons that may not be self-explanatory, helping users understand their function without overwhelming the interface.

Examples

Basic#

Position#

Custom#

Props

Prop	Type	Default
`displayName?`	`string`	-
`propTypes?`	`any`	-

Prop	Type	Default
`$$typeof`	`symbol`	-
`displayName?`	`string`	-
`propTypes?`	`any`	-

Prop	Type	Default
`$$typeof`	`symbol`	-
`displayName?`	`string`	-
`propTypes?`	`any`	-

Prop	Type	Default
`displayName?`	`string`	-
`propTypes?`	`any`	-