Vuejs-Vue stackable modal: vue-stackable-modal - Library for modal dialogs which can be stacked. Fully customizable and very easy to use.

Stackable modal

Stackable modal is a library for modal dialogs which can be stacked by using z-index position. The component uses bootstrap for styling the modal but DOES NOT include it by default - you need to import it yourself.

When you open a second dialog the first one is scaled to 0.9 and position behind. You have always 3 visible modals.

Installation

npm i @innologica/vue-stackable-modal --save

or

yarn add @innologica/vue-stackable-modal

import to use:

import StackModal from '@innologica/vue-stackable-modal'

More info and demo https://innologica.github.io/vue-stackable-modal/

Comments

  • Callback or event for outside click of the modal
    Callback or event for outside click of the modal

    Sep 14, 2020

    Is there any callback or event to identify the click outside the modal?

    Reply
  • can't replace default modal-footer
    can't replace default modal-footer

    Jul 8, 2019

                                                                                                                                                                                                           
    Reply
  • License
    License

    May 14, 2021

    @nkostadinov Thanks for this amazing project! I was wondering what license this has, because I couldn't find information about this in this repo. Have you forgotten to add one or was this intentional?

    Reply
  • When installing by npm, don't copy the file /node_modules/@ innologica/vue-stackable-modal/src/assets/modal/modal.scss
    When installing by npm, don't copy the file /node_modules/@ innologica/vue-stackable-modal/src/assets/modal/modal.scss

    Mar 31, 2020

    I copied the file from the github repository and create the file manually

    Reply
  • Ability to control modal size
    Ability to control modal size

    Jan 13, 2020

    Can we add props for modalBodyClass, modalContentClass. And if possible add prop to make modal full-screen, something like :fullScreen="true"

    Reply
  • scroll issue with two modals
    scroll issue with two modals

    May 29, 2020

    when open a new modal above the first one and close the second modal the first modal loses its ability to scroll

    Reply
  • Comments about possible improvements
    Comments about possible improvements

    Jun 20, 2019

                                                                                                                                                                                                           
    Reply