Dynamic Tooltip with Autolayout

  1. Building your blocks with top triangle, content and bottom triangle.
  2. Apply the Autolaout for the whole frame component.
  3. Place the constant where we want to use it.
  4. Adjust spacer of the triangle by typing any text inside the textbox of the constant. Hide/Show top/bottom triangle base on the position.

Trying out the file here →