1.1.4 • Published 6 years ago

modal-boxes v1.1.4

Weekly downloads
-
License
MIT
Repository
-
Last release
6 years ago

#Modal Boxes

If your modal box is both opened and closed by the same button, you can do like the example below

import ModalBoxes from 'modal-boxes'

const menu = document.querySelector('.menu')
const btMenu = document.querySelector('.bt-menu')
ModalBoxes(menu, btMenu)

Instead, if your modal box have one button to open and another to close, you must do like that

import ModalBoxes from 'modal-boxes'

const menu = document.querySelector('.menu')
const buttonOpenMenu = document.querySelector('.bt-menu')
const buttonCloseMenu = document.querySelector('.bt-close-menu')
const options = {
    buttonClose: buttonCloseMenu
}
ModalBoxes(menu, btMenu, option)

if you want to assign some custom css class to the button or the modal box, you can do as follows

import ModalBoxes from 'modal-boxes'

const menu = document.querySelector('.menu')
const btMenu = document.querySelector('.bt-menu')
const options = {
    menuActiveClass: "my-css-class",
    menuInactiveClass: "my-other-css-class",
    buttonActiveClass: "another-css-class",
    buttonInactiveClass: "again-another-css-class"
}
ModalBoxes(menu, btMenu, options)
1.1.4

6 years ago

1.1.3

6 years ago

1.1.0

6 years ago

1.0.3

6 years ago

1.0.1

6 years ago

1.0.0

6 years ago