Javascript Modal

Javascript modal - tiny and simple.

Status

Options

Option	Type	Default	Description	Example
id	string		id DOM element	Example
data-position	string	center	special class can be added	Example
data-size	string	small	special class can be added	Example
data-transition	int	300ms	opening and closing animation speed	Example

Usage example

Script

varmodal=newModal;

View

<!-- Button trigger modal --><buttonclass="modalBtn"
data-target="#modal-center"
>
Default
</button><!-- Modal --><divclass="modal-container" id="modal-center"
data-position="center"
data-size="medium"
data-transition="300"
><divclass="modal-wrapper"><iclass="modal-close"></i>
...
</div></div>

Copyright and license

Designed and built by Kenan Gündoğan
2021 Currently - Code released under the MIT License Docs released under Creative Commons