Tooltip against Hover Card

One custom element, two boxes. The tooltip sizes to its single line, never scrolls, and reserves no viewport height. The hover card is a panel: it caps its width and height and scrolls its own content. Hover or focus each trigger to compare them.

Open component documentation

Component documentation

The reference page lists every attribute, part, public state, and CSS custom property this component declares.

Back to StoryLite