What's the best way to add a modal on top of scene

Good day, I am trying to do that when people click on a button in the scene, a modal opens up on top of the scene containing some text and information,

I could add react-bootstrap for example and use its modals, but ideally I would love to avoid using one of these heavy css frameworks,

is there a way with babylon GUI to build such modal, that includes text and links inside? what’s the best recommended way to do that, or if the recommended way is to use a css framework then let me know if possible and will take that route, thank you :slight_smile:

thank you :slight_smile:

You could either use the GUI : The Babylon GUI | Babylon.js Documentation (please dig in the doc as you ll find all you need there)

But the limitations will be accessibility, some styling who are not as extensive as CSS.

Doing manually in HTML CSS JS without framework should be straightforward enough.

1 Like

thank you, I think I will try then to just use plain css

Found this. Not exactly Babylon GUI usage does the job do. Babylon Press created a modal example

Found they made a version in HTML and reproduce it

1 Like