Modal
Display content inside a modal window that is hidden by default and shown when triggered, used to display additional information, confirmation screens, or calls to action.
Live Preview| Use case | Display extra content without leaving the page. |
| Page speed impact | Low initially, depending on the type and amount of content. May have Medium or High impact when using Form or Subscribe options, or heavy resources (large images, videos, CTAs). |
| Available in pages | No, but already included by default with all templates, both as an in-page editable module and global content. |
| Reserved block class | modal |
| Relevant files | css/components/modal.cssjs/components/modal.js |