Tooltip

A Tooltip is a floating, non-actionable text label that provides explanations or contextual help about a user interface element. It appears on hover, focus, or touch, offering additional, helpful, and nonessential brief messages to clarify the element’s function.

• Accessible, keyboard support

• Multiple variants

• Animated with Motion

• Respects reduce motion with system settings and through props