86 replies

multi-menu modal

I have a main site with mutlitple buttons.
each one will open a popup modal that has options for that specific section.
i have a modal component.

i'm thinking how i should structure it
either

<Modal show={modalShow}>
  <MenuA bind:this={menuA}/>
  <MenuB bind:this={menuB}/>
  <MenuC bind:this={menuC}/>
</Modal>
<MainPage>
  <pagecontent />
</MainPage>

<Modal show={modalShow}>
  <MenuA bind:this={menuA}/>
  <MenuB bind:this={menuB}/>
  <MenuC bind:this={menuC}/>
</Modal>
<MainPage>
  <pagecontent />
</MainPage>

<MenuA bind:this={menuA}/>
<MenuB bind:this={menuB}/>
<MenuC bind:this={menuC}/>
<MainPage>
  <pagecontent />
</MainPage>

<MenuA bind:this={menuA}/>
<MenuB bind:this={menuB}/>
<MenuC bind:this={menuC}/>
<MainPage>
  <pagecontent />
</MainPage>

& each menu has a modal in it

KP-C

Kevin Powell - Community•16mo ago•

86 replies

Natejoestev

multi-menu modal

I have a main site with mutlitple buttons.
each one will open a popup modal that has options for that specific section.
i have a modal component.

i'm thinking how i should structure it
either

<Modal show={modalShow}>
  <MenuA bind:this={menuA}/>
  <MenuB bind:this={menuB}/>
  <MenuC bind:this={menuC}/>
</Modal>
<MainPage>
  <pagecontent />
</MainPage>

<Modal show={modalShow}>
  <MenuA bind:this={menuA}/>
  <MenuB bind:this={menuB}/>
  <MenuC bind:this={menuC}/>
</Modal>
<MainPage>
  <pagecontent />
</MainPage>

<MenuA bind:this={menuA}/>
<MenuB bind:this={menuB}/>
<MenuC bind:this={menuC}/>
<MainPage>
  <pagecontent />
</MainPage>

<MenuA bind:this={menuA}/>
<MenuB bind:this={menuB}/>
<MenuC bind:this={menuC}/>
<MainPage>
  <pagecontent />
</MainPage>

& each menu has a modal in it

multi-menu modal

Similar Threads

multi-menu modal

Similar Threads

Similar Threads

Similar Threads