This page showcases the design and function of a modal (pop-up) block. It features a customizable button, and the modal can hold any block you need to display content for your readers.
Learn how to create and add your own modal or go back to the Kitchen Sink to see more block showcases.
Use Case Scenarios
- Basic Modal
In this case, the modal is completely default, using only the basic settings.
I am your Modal!
- Video Modal
In this case, the editor puts a video inside the modal.
University of Tennessee Health and Sciences
- Information Modal
In this case, the editor puts more information within the modal for the reader to view.
Header 1 Header 2 Item 1 Item 1 Item 1 Item 1 Item 1 Item 1 - Warning Modal
(Example Only)
In this case, clicking “Move to Trash” opens a popup asking the user to confirm before the item is removed.
Move to Trash?
This item can be recovered in the trash folder.
- Other Modals
Other ways your modal can be customized:
I don’t have a smooth transition like the others. I am snappy!
I am HUGE!