components

Modals

Nirvana gives you the modal which is responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window with declarative configuration and hash tracking. Detail documentation ⟶

Show Modal
HTML
<main class="remodal-bg remodal-is-closed">
	...
	<a href="#" class="btn btn-primary color-white" data-remodal-target="modal">Show Modal
	</a>
	...
</main>
<div class="remodal" data-remodal-id="modal">
	<button class="remodal-close" data-remodal-action="close"></button>
	<h4>Modal done right</h4>
	<p>Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.</p><br>
	<button class="btn btn-sm btn-primary mr-3" data-remodal-action="confirm">Awesome</button>
	<button class="btn btn-sm btn-outline-danger" data-remodal-action="cancel">Cancel</button>
</div>
JavaScript
<script src="assets/lib/remodal/dist/remodal.js"></script>
CSS
<link href="assets/lib/remodal/dist/remodal.css" rel="stylesheet"/>
<link href="assets/lib/remodal/dist/remodal-default-theme.css" rel="stylesheet"/>

Modal done right

No matter the task, the new Nirvana is up to it — and even more. See for your self — the pre-made pages, inspired by world's finest websites, are all made with Nirvana. And this is only a tip of the iceberg of what you can do with Nirvana.


(212) 123-4567
666 Unnamed ave, california
nirvana@abc.com

powered by Themewagon

Modal done right

No matter the task, the new Nirvana is up to it — and even more. See for your self — the pre-made pages, inspired by world's finest websites, are all made with Nirvana. And this is only a tip of the iceberg of what you can do with Nirvana.