1. Make the modals or popup as components
Please make the modals or popup as components, please refer to this post (Component)

2. Insert Modal into Root item
- select the root item of the page
- choose Insert / UI libraries / Bootstrap / Modal


3. Configure the settings of the Modal
- Enter the ID of the button that will trigger the Modal
- Select the component you want to display as content in the Modal
Remarks: Ensure to change modalId
if you have more than one Modals
