Modals

Modals are pop up messages, displayed on the top of the screen.

<link rel="stylesheet" href="https://paperui.netlify.app/components/modals/style.css">

Modal

To access modal styles use  .modal   class names in your container.

Examples

          
            <div class="modal">
              <h4>Heading</h4>
              <hr>
              <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quos, architecto.</p>
              <hr>
              <div class="modal-btn-grp">
                <button class="btn secondary">Close</button>
                <button class="btn primary">Save Changes</button>
              </div>
            </div>