3 ms·
Tooltips are normally visible on hover, so the pointer is your cursor. I've never added an additional arrow pointing to the element, nor had any designers ask m
by codingdave 1y ago
Tooltips are normally visible on hover, so the pointer is your cursor. I've never added an additional arrow pointing to the element, nor had any designers ask me to do so. So I'd disagree that such a design is the "lion's share", but am curious what types of apps you create where you do find it to be so?
- edoceo 1y agoThey are using a stylized floating DIV (or something) not the built-in thing from the title attribute. Lots of design teams seem to want this, for consistency.
- azangru 1y agoSomeone in a comment below posted a link to Adobe Spectrum design system [0]. You will find similarly shaped tooltips in Shoelace [1], or shadcn [2]. The Popper library has it [3]. Github's design system has it (they call it popover) [4]. It's an extremely common design pattern. [0] - https://spectrum.adobe.com/page/tooltip/ https://spectrum.adobe.com/page/tooltip/ [1] - https://shoelace.style/components/tooltip https://shoelace.style/components/tooltip [2] - https://ui.shadcn.com/docs/components/tooltip https://ui.shadcn.com/docs/components/tooltip [3] - https://popper.js.org/docs/v2/modifiers/arrow/ https://popper.js.org/docs/v2/modifiers/arrow/ [4] - https://primer.style/product/components/popover/guidelines/ https://primer.style/product/components/popover/guidelines/