Google News
logo
Material Design - Interview Questions
Explaine materialize modals with example
Use a Material Design Modal for dialog boxes, confirmation messages, or other content that can be called up. In order for the modal to work you have to add the Modal ID to the link of the trigger.

Basic Modal :

<!-- Modal Trigger -->
<a class="waves-effect waves-light btn modal-trigger" href="#modal_box">Basic Modal</a>

<!-- Modal Structure -->
<div id="modal_box" class="modal">
    <div class="modal-content">
      <h4>Modal Header</h4>
      <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the...</p>
    </div>
    <div class="modal-footer">
      <a href="#!" class="modal-action modal-close waves-effect waves-red btn">Agree</a>
    </div>
</div>
Advertisement