Custom container / Not fullscreen

[skizzo]

Is there any way to show this marvelous component not on top of everything else, but in a custom container like a div?

[JulioC]

Try using:

            <Lightbox
                reactModalProps={{
                    appElement: document.querySelector("#root")
                }}
            />

[skizzo]

@JulioC thanks, but what is that supposed to accomplish?

[JulioC]

If I recall correctly, you are supposed to pass the element reference in appElement. In the case of the code above, it would be element #root

[skizzo]

Unfortunately, this property doesn't change anything about the lightbox's appearance. reactModalStyle also doesn't do anything. Wondering if this component is even maintained still..