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>