Skip to content

Latest commit

 

History

History
49 lines (43 loc) · 1.58 KB

modal.md

File metadata and controls

49 lines (43 loc) · 1.58 KB

Modal WIP

In order to use the modal custom element you need to import the element in the document's head:

<link href="joomla-modal.min.css" rel="stylesheet">
<script src="joomla-modal.min.js"></script>

The simplified version of the custom elements

<button type="button" class="btn btn-primary" data-href="#exampleModal">Launch demo modal</button>

<joomla-modal id="exampleModal" title="Modal title" close-button-title="Close" width="100%" height="400px" iframe="https://www.joomla.org">

	<section>
		<h4>I'm a Modal</h4>
	</section>
	<footer>
		<button class="btn btn-secondary" data-dismiss>Close</button>
		<button class="btn btn-primary">Save changes</button>
	</footer>
</joomla-modal>

Modal demo:

Launch demo modal

I'm a Modal

Close Save changes
Modal with iframe

I'm a Modal

Close Save changes