Modal

<button class="simpui-btn dark sm modal-open-btn" data-modal="modal1">Open Modal</button>

<div id="modal1" class="simpui-dialog-backdrop" style="display:none;">
    <div class="simpui-dialog-panel lg" tabindex="-1">
        <div class="simpui-dialog-header">
            <button class="simpui-dialog-close modal-close-btn" aria-label="Close">&times;</button>
            <div class="simpui-dialog-title">Modal Title1</div>
            <div class="simpui-dialog-desc">This is a SimpUI modal.</div>
        </div>
        <div class="simpui-dialog-body">Content here...</div>
        <div class="simpui-dialog-actions">
            <button class="simpui-btn modal-btn-secondary md modal-cancel-btn">Cancel</button>
            <button class="simpui-btn modal-btn-primary md modal-confirm-btn">Confirm</button>
        </div>
    </div>
</div>

<button class="simpui-btn dark sm" data-open-multimodal="multi1">Open Multi-step Modal 1</button>

<div id="multi1" class="simpui-multimodal-backdrop" style="display:none;">
    <!-- Step 1 -->
    <div class="simpui-multimodal-panel lg active" data-step="1">
        <div class="simpui-multimodal-header">
            <button class="simpui-multimodal-close" data-multi-action="close">&times;</button>
            <div class="simpui-multimodal-title">Step 1</div>
        </div>
        <div class="simpui-multimodal-body">Content for modal 1, step 1...</div>
        <div class="simpui-multimodal-actions">
            <button class="simpui-btn modal-btn-secondary md" data-multi-action="close">Cancel</button>
            <button class="simpui-btn modal-btn-primary md" data-multi-action="next">Next</button>
        </div>
    </div>
    <!-- Step 2 -->
    <div class="simpui-multimodal-panel lg" data-step="2">
        <div class="simpui-multimodal-header">
            <button class="simpui-multimodal-close" data-multi-action="close">&times;</button>
            <div class="simpui-multimodal-title">Step 2</div>
        </div>
        <div class="simpui-multimodal-body">Content for modal 1, step 2...</div>
        <div class="simpui-multimodal-actions">
            <button class="simpui-btn modal-btn-secondary md" data-multi-action="prev">Previous</button>
            <button class="simpui-btn modal-btn-primary md" data-multi-action="next">Next</button>
        </div>
    </div>
    <!-- Step 3 -->
    <div class="simpui-multimodal-panel lg" data-step="3">
        <div class="simpui-multimodal-header">
            <button class="simpui-multimodal-close" data-multi-action="close">&times;</button>
            <div class="simpui-multimodal-title">Step 3</div>
        </div>
        <div class="simpui-multimodal-body">Content for modal 1, final step...</div>
        <div class="simpui-multimodal-actions">
            <button class="simpui-btn modal-btn-secondary md" data-multi-action="prev">Previous</button>
            <button class="simpui-btn modal-btn-primary md" data-multi-action="confirm">Confirm</button>
        </div>
    </div>
</div>