Tengo una página en la que tengo una cuadrícula de elementos que necesitan botones para solicitar o mostrar más datos que no caben en la página y no quiero que la página cambie.

Me gustaría la plantilla modal en su propio componente, para no abarrotar al padre. Al hacer esto, me vi obligado a poner un botón para abrir el modal en el componente modal que luego se coloca en el padre. Esto hace que muchos modales no utilizados estén en la memoria.

¿Cómo puedo tener muchos botones en la página que crean modales sin tener el modal en la memoria listo para mostrar/ocultar?

Idealmente, me gustaría un componente al que pueda alimentar accesorios para que sepa qué mostrar y pueda abrirlo/cerrarlo con las imágenes adecuadas y los componentes interactivos (cuadro de entrada, botones, etc.).

Estoy tratando de evitar el uso de una dependencia de terceros, ya que he encontrado algunos paquetes npm específicos modales, no creo que esto sea lo suficientemente complicado como para necesitar una dependencia. Sin embargo, la forma en que he estado creando modales no funciona cuando tengo muchos botones que generan modales en la misma página.