how to center popover to the middle of the element

[DiegoCamposYanez]

Hello, I am using V2, I would like to center the popover with respect to the element, something like this:

I currently have this setting in the global styles:

styles={{ popover: base => ({ ...base, borderRadius: 20, // center popover with respect to the element }), }}

For this operation I need to modify the global styles? Any idea or suggestion for this?

Thank you very much for everything, greetings and sorry for my English.

[elrumordelaluz]

Hi @DiegoCamposYanez, thank you for your interesting question.

You could solve this situations taking advantage of the Popover position prop, which accepts a function with all the information necessary to make custom calculations. You could pass the position prop globally in the TourProvider, or in case you needed, customizing it in a specific step.

Here is a working example with a globally custom position, overridden for step 2.

Let me know in case some part isn't clear.