fr-dialogmodal/dialogmodal.html

Frend's accessible, modern modal component.

<button class="fr-dialogmodal-open js-fr-dialogmodal-open" aria-controls="modal-1" type="button">
	Open Dialog
</button>
<div class="fr-dialogmodal js-fr-dialogmodal" id="modal-1">
	<div class="fr-dialogmodal-modal js-fr-dialogmodal-modal" aria-labelledby="modal-1-title">
		<div role="document">
			<h2 id="modal-1-title">Dialog title</h2>
			<p>Lorem ipsum <a href="#">exercitation</a> sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud ullamco laboris nisi ut <a href="#">commodo</a> ex ea consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla <a href="#">reprehenderit</a>. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
			<button class="fr-dialogmodal-close js-fr-dialogmodal-close" aria-label="Close Dialog" type="button">
				✕
			</button>
		</div>
	</div>
</div>