Dialogs contain text and UI controls focused on a specific task. They inform users about critical information, require users to make decisions, or involve multiple tasks.
Examples:
HTML Code:
<button type="button" class="btn btn-raised btn-default-bright" data-toggle="modal" data-target="#demoModal1">Modal 1</button> <button type="button" class="btn btn-raised btn-default-bright" data-toggle="modal" data-target="#demoModal2">Modal 2</button> <button type="button" class="btn btn-raised btn-default-bright" data-toggle="modal" data-target="#demoModal1">Modal 3</button> <button type="button" class="btn btn-raised btn-default-bright" data-toggle="modal" data-target="#demoModal2">Modal 4</button>