Tooltips & Popovers

Hover tooltips and click-triggered popovers for displaying contextual information and rich content.

Tooltip Positions

Top, right, bottom, and left tooltip placements on hover.

Tooltips on Different Elements

Tooltips applied to buttons, links, icons, and inline text.

Hover this text

Custom Styled Tooltips

Accent colored, dark, and light tooltip variants.

Popover Positions

Click to toggle popovers in all four positions.

Popover with Title & Content

Structured popovers with a heading and body text.

Dismissible Popover

Click outside the popover to close it automatically.

Rich Content Popover

Popovers with formatted content including lists, bold text, and custom layouts.

Popover on Icons

Info and action icons that reveal popovers on click.