Modal(known as Dialog in Material Design) is a small window that communicates information to the user and prompts them for a response.It inform users about critical information, required to make decisions, or encapsulate multiple tasks within a discrete process.

Bootstrap Modal

Bootstrap Modal is streamlined, but flexible, dialog prompts with the minimum required functionality and smart defaults.

Propeller Modal

Propeller Modal consists of Bootstrap HTML and js structure with Propeller customized classes and js functions based on material design standards.

Modal with List

Create a modal that contain list of various types, such as, a simple list, list with profile view or list with icons. Replace .modal-body with .pmd-modal-list in the contaning <div> of your list for creating Propeller enhanced modal containing list.

Form Modal

Create a Modal with a form in it.

Modal with Media

Create a modal box that contains a media in it. Add a div with class .pmd-modal-media inside .modal-content section.

Modal in different sizes

Modal box can be shown in small and large sizes. Add .modal-sm followed by .modal-dialog to create a small modal. Similarly, add .modal-lg followed by .modal-dialog to create a large modal. By default, the modal will appear in medium size.