Modal

Description here

Purpose: text here

Usage & Example:

<a href="#" class="btn btn-primary" data-href="#exampleModal1">Launch demo modal</a href="#">

<joomla-modal id="exampleModal1" class="bordered" title="Modal title" close-a href="#"-title="Close">
    <section>
        Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard
        dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen
        book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially
        unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more
        recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum
    </section>
    <footer>
        <div class="modal-footer-left-text">hint text</div>
        <a href="#" class="btn btn-secondary" data-dismiss>Close</a href="#">
        <a href="#" class="btn btn-primary">Save changes</a href="#">
    </footer>
</joomla-modal>

Attributes:

Control the design and functionality of the custom element through attributes.

Attribute	Description
title	This attribute is responsible for showing modal heading/title.
class	Use scrollable and bordered class to make a Scrollable and Bordered style modal
iframe	Iframe source url