Aligning and Positioning
To align the Popup to a specific component, use the
anchor property. The Popup opens next to the defined anchor component.
anchoris not provided, the Popup will use the
Both the anchor and the Popup are treated as rectangular elements and, as a result, each has nine pivot points. You can align every point of the Popup to an anchor point. The component will position itself by aligning its top-right point to the bottom-right point of the anchor. If we want to use the
popup-align prop we need to add concrete width and height to the inner container of the popup.