Tooltip overlay

From my personal experience overlays works poorly when you make them a part of some component. Dropdown menus, calendars, tooltips etc works better with “overlay” interaction. When you embed them into the component itself you will struggle to make them work with other elements. They will overlap so you need know various trick how not to. Things like click outside to close becomes unavailable. And so on and so forth.

My take is to have all these overlays as separate layers and connect them to your trigger elements via “open overlay”. If you need them in your prototype for demo or testing purposes, you can always create special components for that, on the same page where the rest of screens are. If your screens are components you can swap target elements. You can overlay them, it’s much easier this way