Dashboard
PHP:
8.4.22
OS:
Linux
User:
provencez
/
/
home
/
provencez
/
www
/
wp-content
/
plugins
/
flexa-block
/
build
/
blocks
/
modal
📤 Upload
📝 New File
📁 New Folder
Close
Editing: block.json
{ "$schema": "https://schemas.wp.org/trunk/block.json", "apiVersion": 3, "name": "flexa/modal", "version": "1.0.0", "title": "Modal", "category": "flexa", "description": "A pop-up dialog opened by a button, text, image or icon trigger and filled with any inner blocks — set the modal width, max-height, padding, background and radius, the overlay colour, the close button, and show-once, click-overlay and press-escape behaviour.", "keywords": [ "flexa", "modal", "popup", "dialog", "lightbox", "overlay" ], "textdomain": "flexa-block", "attributes": { "blockId": { "type": "string" }, "triggerType": { "type": "string", "default": "button", "enum": [ "button", "text", "image", "icon" ] }, "triggerText": { "type": "string", "default": "Open" }, "triggerIcon": { "type": "object", "default": { "source": "none", "name": "", "markup": "", "url": "", "id": null } }, "triggerImage": { "type": "object", "default": { "id": null, "url": "", "alt": "", "width": null, "height": null } }, "triggerAlign": { "type": "object", "default": { "desktop": "", "tablet": "", "mobile": "" } }, "triggerTypography": { "type": "object", "default": { "desktop": {}, "tablet": {}, "mobile": {} } }, "triggerTextColor": { "type": "object", "default": { "light": "", "dark": "" } }, "triggerTextColorHover": { "type": "object", "default": { "light": "", "dark": "" } }, "triggerBackground": { "type": "object", "default": { "light": "", "dark": "" } }, "triggerBackgroundHover": { "type": "object", "default": { "light": "", "dark": "" } }, "triggerPadding": { "type": "object", "default": { "desktop": {}, "tablet": {}, "mobile": {} } }, "triggerRadius": { "type": "object", "default": { "value": "", "unit": "px" } }, "triggerIconSize": { "type": "object", "default": { "value": "", "unit": "px" } }, "modalWidth": { "type": "object", "default": { "desktop": { "value": "600", "unit": "px" }, "tablet": {}, "mobile": {} } }, "modalMaxHeight": { "type": "object", "default": { "desktop": {}, "tablet": {}, "mobile": {} } }, "modalPadding": { "type": "object", "default": { "desktop": {}, "tablet": {}, "mobile": {} } }, "modalBackground": { "type": "object", "default": { "light": "", "dark": "" } }, "modalRadius": { "type": "object", "default": { "value": "", "unit": "px" } }, "overlayColor": { "type": "object", "default": { "light": "", "dark": "" } }, "closeIconSize": { "type": "object", "default": { "value": "", "unit": "px" } }, "closeIconColor": { "type": "object", "default": { "light": "", "dark": "" } }, "closePosition": { "type": "string", "default": "inside", "enum": [ "inside", "outside" ] }, "showOnce": { "type": "boolean", "default": false }, "closeOnOverlay": { "type": "boolean", "default": true }, "closeOnEsc": { "type": "boolean", "default": true }, "spacing": { "type": "object", "default": { "desktop": {}, "tablet": {}, "mobile": {} } }, "border": { "type": "object", "default": { "desktop": { "style": "", "width": { "top": "", "right": "", "bottom": "", "left": "", "unit": "px" }, "color": { "light": "", "dark": "" }, "radius": { "topLeft": "", "topRight": "", "bottomRight": "", "bottomLeft": "", "unit": "px" } }, "tablet": {}, "mobile": {} } }, "boxShadow": { "type": "object", "default": { "horizontal": "0", "vertical": "10", "blur": "40", "spread": "0", "color": { "light": "rgba(0,0,0,0.2)", "dark": "" }, "inset": false, "enabled": false } }, "responsiveVisibility": { "type": "object", "default": { "hideOnDesktop": false, "hideOnTablet": false, "hideOnMobile": false } }, "animation": { "type": "object", "default": { "type": "none", "duration": "normal", "delay": "" } }, "htmlAttributes": { "type": "object", "default": { "customAttributes": [] } } }, "supports": { "anchor": true, "className": true, "html": false }, "editorScript": "file:./index.js", "editorStyle": "file:./index.css", "style": "file:./style-index.css", "viewScript": "file:./view.js", "render": "file:./render.php" }
Save
Cancel