Elements / Modal

Basic Example

Scrolling Long Content

Vertically Centered

Tooltips and Popovers

Varying Modal Content

Modal Sizes

How To Use

Basic Use HTML
<button class="button button-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="close" data-bs-dismiss="modal"><span aria-hidden="true">&times;</span></button>
          </div>
          <div class="modal-body">
             <p>Woohoo, you're reading this text in a modal!</p>
          </div>
          <div class="modal-footer">
             <button class="button button-danger" data-bs-dismiss="modal">Close</button>
             <button class="button button-primary">Save changes</button>
          </div>
       </div>
    </div>
</div>

For more Information please follow the Official Documentation

2022 © Codecarnival