Description

A simple yet robust solution for creating modals within the WordPress block editor.

🚀 View Demo

Features

Fully customizable using the native block editor style controls
Trigger modal on click for any element via CSS selector
Trigger modal on page load after X milliseconds
- Set cookie to not show modal again on page load until X minutes have elapsed
Custom modal width
Optional close button
API enabled
Only 2kb gzipped
Accessibility enabled

Attribution

The Light Modal block uses a modified version of the Micromodal library.

Screenshots

Block editor modal settings
Show Modal block control enabled under the Advanced panel for various blocks
Native block styling enabled for modals
Custom panel reveals all modals enabled on page
Modal in list view

Blocks

This plugin provides 1 block.

Light Modal Block Lightweight, customizable modal block for the WordPress block editor

Installation

Upload the plugin files to the /wp-content/plugins/light-modal-block directory, or install the plugin through the WordPress plugins screen directly.
Activate the plugin through the ‹Plugins› screen in WordPress

FAQ

How can I programatically open or close a modal?

Each modal is given a unique ID, which can be found inside the inspector controls of the block settings. It will look something like: Mk6I8L4haJB

To open a modal:

`javascript

window.lightModalBlocks.get(‹modal-id-here›).showModal(true);
`

To close a modal:

`javascript

window.lightModalBlocks.get(‹modal-id-here›).closeModal();
`

Reviews

There are no reviews for this plugin.

Contributors & Developers

“Light Modal Block” is open source software. The following people have contributed to this plugin.

Translate “Light Modal Block” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

= 1.2.1=

Fix: Modal blocks not showing in sidebar or advanced controls if a nested block

1.2.0

Enhancement: Add typography style controls

1.1.1

Fix: Block editor toolbar crash

1.1.0

Fix: Add backdrop color control
Enhancement: Set cookie to not display modal again until X minutes have elapsed
Enhancement: API to programatically open and close modal

1.0.1

Fix: Update CSS styling

1.0.0

Initial release