paraview-glance/src/components/widgets/PopUp/template.html

Web application for Visualizing Scientific and Medical datasets

<div :class="$style.container" ref="container">
  <div @click="visible = !visible">
    <slot name="trigger" />
    <div ref="anchor" style="width: 0; height: 0; margin: 0; padding: 0;" />
  </div>
  <portal v-if="visible" selector="#app-portal-mount">
    <div :class="$style.popup" :style="getPositioning()" ref="popup">
      <slot name="popup" v-bind:close="close" />
    </div>
  </portal>
</div>