You can either download a copy of the source files or install Modalplate via Bower.
bower install modalplate
Start by including the necessary files.
<head>
<link href="css/modalplate.css" rel="stylesheet" type="text/css">
</head>
<body>
/* Your content goes here */
<script src="js/min/modalplate.js"></script>
</body>
See a basic example of how to use the component.
<a href id="example">Open Modal</a>
<script>
document.getElementById('example').onclick = function(event) {
new modalplate({
heading: 'Example Modal',
body: 'Here is the body text.',
parseEvent: event
});
};
</script>
For a more detailed look into the available options, you can read the documentation at https://github.com/chrishumboldt/Modalplate