I have an app where I want to click a button and up pops a modal information page, with text and diagrams. Each information page will have react/js since the content is dynamic. I have about 30 different information pages that I want to create and 30 different buttons to trigger each page.
What is the best way of doing this? Do I create 30 different files with the html for each modal popup and do it that way?
I am using Material UI. Not sure which modal option I should be using. They have Dialog, Drawer, Menu or Popover. Or perhaps another method is better.
I figure this must be a common requirement so hopefully I can find the best practice.