Min Modal JS

Updates

1.0.4

• Fixed incorrect opening of the window, the window was opened only by half.


• Now buttons that MinModalJS uses are deprived of the standard event, links no longer return to the top of the page, etc.


• Modal windows open more smoothly


• MinModalJS weighs more JS+CSS(minified: ~ 1.77kb)

Feuatures

• Written in vanilla javascript, no dependencies needed


• Lightweight JS+CSS(minified: ~1.77kb)


• No restrictions on the number of buttons and modal windows


• Modal closed if you press ESC(you can replace event.code or off it) or click in outside modal (you can off it). Default all features turn on


• MinModalJS haves three methods modalOpen(), modalDestroy() and modalClose()

You can see the code of any key on the site https://keycode.info/ you need a event.code

Instalation

npm

``
npm i min-modal-js --save-dev
`

HTML

`html


`

Example

HTML

`html

this is button can open modal

this is button can close modal

content modal

`

JavaScript

`javascript
const newModal = new minModalJS('.modal-inner', {
buttonsActive: '.modal-btnOpen',
buttonsDisActive: '.modal-btnClose',
keyOpen: 'Your key code', // Or false
modalOutsideClick: false // if true, modal closed when you click outside content modal
});
`

Methods: openModal(); modalDestroy() and closeModal()

``javascript
const newModal = new minModalJS('.modal-inner',

newModal.modalOpen() // When you will open page. This modal window will open
newModal.modalClose() // When you will open page. This modal window will close
newModal.modalDestroy() // When you will open page. This modal window with inner content will removed