Tooltip

The Tooltip component displays informative text when a user hovers over, focuses on, or taps an element.

Name	Type	Default	Description
title	node		Opens the typography subcomponent used to define the text for the tooltip.
open	bool	false	If true, the tooltip component is shown.
disableInteractive	bool	false	If true, the tooltip is non-interactive.
disableFocusListener	bool	false	If true, will not respond to focus events.
disableHoverListener	bool	false	If true, will not respond to hover events.
disableTouchListener	bool	false	If true, will not respond to long press touch events.
enterDelay	number	100	Defines the number of milliseconds to wait before showing the tooltip.
enterNextDelay	number	0	Defines the number of milliseconds to wait before showing the tooltip when one was recently opened.
enterTouchDelay	number	700	Defines the number of milliseconds a user must touch an element before the tooltip is shown.
leaveDelay	number	0	Defines the number of milliseconds to wait before hiding the tooltip.
leaveTouchDelay	number	1500	Defines the number of milliseconds after a user stops touching an element before hiding the tooltip.

Name	Type	Default	Description
placement	bottom-end bottom-start bottom left-end left-start left right-end right-start right top-end top-start top string	bottom	Defines the placement of the tooltip.
arrow	bool	false	If true, adds an arrow to the tooltip.

Subcomponents

The Tooltip component has two typography subcomponents used to create text for a typography element and the tooltip text.

Specifies text for the typography element and the tooltip.

For further details, see the Typography component.

Name	Type	Default	Description
text	string		Defines the text to use.
variant	h1 h2 h3 h4 h5 h6 subtitle1 subtitle2 body1 body2 caption button overline inherit string	inherit	Defines the type of typography to display.
color	initial inherit primary secondary textPrimary textSecondary error string	inherit	Defines the color of the typography.
gutterBottom	bool	false	Enables a gutter at the bottom of the typography component.

For more detail on the Tooltip component, see the MUI developer docs.