Info Tooltips
Info Tooltips provide contextual information on hover or click. They help users understand interface elements, features, or actions without cluttering the main interface. Tooltips appear as small, non-intrusive overlays that offer helpful guidance exactly when users need it.
Basic Usage
Simple tooltip that appears on hover. The tooltip provides helpful context about the element it's attached to.
With Icons
Tooltips work great with icon buttons to provide additional context about what the icon represents.
Positioning
Tooltips can be positioned on different sides of the trigger element. The tooltip automatically adjusts its position to stay within the viewport.
Long Content
Tooltips can contain longer text content. The tooltip automatically wraps text and adjusts its width up to the maximum width.