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 is streamlined, but flexible, dialog prompts with the minimum required functionality and smart defaults.
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
.pmd-modal-list in the contaning <div> of your list for creating Propeller enhanced modal containing list.
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
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.