Modal

All modular elements can be readily used and customized in every layout across pages.

Posh 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>
	<div class="buttons">
		<button class="btn btn-sm btn-primary" data-remodal-action="confirm">Awesome</button>
		<button class="btn btn-sm btn-outline-danger" data-remodal-action="cancel">Cancel</button>
	</div>
</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

HTML

JavaScript

CSS

Jump into

Modal done right