Modals

Date: 17.06.2021 6.17am

Basic Example

Scrolling Long Content

Vertically Centered

Tooltips and Popovers

Varying Modal Content

Modal Sizes

How To Use

Basic Use HTML
<button class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal1">Launch modal</button>
<!-- Modal -->
<div class="modal fade" id="exampleModal1">
    <div class="modal-dialog">
       <div class="modal-content">
         <div class="modal-header">
             <h5 class="modal-title">Modal title</h5>
             <button class="btn-close" data-ds-dismiss="modal"></button>
          </div>
          <div class="modal-body">
             <p>Woohoo, you're reading this text in a modal!</p>
          </div>
          <div class="modal-footer">
             <button class="btn btn-sm btn-danger" data-ds-dismiss="modal">Close</button>
             <button class="btn btn-sm btn-primary">Save changes</button>
          </div>
       </div>
    </div>
</div>

For more Information please follow the Official Documentation