{ "_comment": "!!! THIS IS AN AUTOMATICALLY GENERATED FILE - DO NOT EDIT !!!", "name": "divi/toggle", "title": "Toggle", "titles": "Toggles", "moduleIcon": "divi/module-toggle", "category": "module", "d4Shortcode": "et_pb_toggle", "childrenName": [], "videos": [ { "id": "A7ZbWxhqAhg", "name": "An introduction to the Toggle module" }, { "id": "1iqjhnHVA9Y", "name": "Design Settings and Advanced Module Settings" }, { "id": "boNZZ0MYU0E", "name": "Saving and loading from the library" } ], "attributes": { "module": { "type": "object", "selector": "{{selector}}", "styleProps": { "spacing": { "important": true }, "layout": { "selector": "{{selector}} .et_pb_toggle_content" } }, "settings": { "meta": { "meta": {} }, "advanced": { "elements": {}, "html": {}, "link": {}, "loop": {}, "text": { "component": { "props": { "fields": { "color": { "render": false } } } } }, "open": { "groupType": "group-item", "item": { "groupSlug": "contentState", "attrName": "module.advanced.open", "priority": 10, "render": true, "label": "State", "description": "Choose whether or not this toggle should start in an open or closed state.", "category": "basic_option", "features": { "hover": false, "responsive": false, "preset": "content" }, "defaultAttr": { "desktop": { "value": "off" } }, "component": { "type": "field", "name": "divi/select", "props": { "options": { "off": { "label": "Close" }, "on": { "label": "Open" } } } } } } }, "decoration": { "animation": {}, "attributes": {}, "background": {}, "border": {}, "boxShadow": {}, "conditions": {}, "disabledOn": {}, "filters": {}, "interactions": {}, "layout": {}, "overflow": {}, "order": {}, "position": {}, "scroll": {}, "sizing": {}, "spacing": {}, "sticky": {}, "transform": {}, "transition": {}, "zIndex": {} } } }, "openToggleIcon": { "type": "object", "selector": "{{selector}}.et_pb_toggle_open .et_pb_toggle_title:before", "styleProps": { "icon": { "selector": "{{selector}}.et_pb_toggle_open .et_pb_toggle_title:before", "important": { "desktop": { "value": { "font-family": true, "content": true, "font-weight": true } } } } }, "settings": { "decoration": { "icon": { "groupType": "group-items", "items": { "openToggleIcon": { "groupSlug": "designIcon", "attrName": "openToggleIcon.decoration.icon", "label": "Open Icon", "description": "Choose an icon to display", "render": true, "priority": 20, "component": { "name": "divi/icon", "type": "group", "props": { "grouped": false, "fieldLabel": "Open Icon", "fields": { "color": { "render": true }, "icon": { "render": true }, "size": { "render": true, "component": { "type": "field", "name": "divi/range", "props": { "cssProperty": "icon-font-size", "defaultUnit": "px", "min": 1, "minLimit": 1, "max": 120 } } }, "useSize": { "render": true } } } } } } } } } }, "closedToggleIcon": { "type": "object", "selector": "{{selector}}.et_pb_toggle_close .et_pb_toggle_title:before", "styleProps": { "icon": { "selector": "{{selector}}.et_pb_toggle_close .et_pb_toggle_title:before", "important": { "desktop": { "value": { "font-family": true, "content": true, "font-weight": true } } } } }, "settings": { "decoration": { "icon": { "groupType": "group-items", "items": { "closedToggleIcon": { "groupSlug": "designIcon", "attrName": "closedToggleIcon.decoration.icon", "label": "Closed Icon", "description": "Choose an icon to display", "render": true, "priority": 10, "component": { "name": "divi/icon", "type": "group", "props": { "grouped": false, "fieldLabel": "Closed Icon", "fields": { "color": { "render": true }, "icon": { "render": true }, "size": { "render": true, "component": { "type": "field", "name": "divi/range", "props": { "cssProperty": "icon-font-size", "defaultUnit": "px", "min": 1, "minLimit": 1, "max": 120 } } }, "useSize": { "render": true } } } } } } } } } }, "title": { "type": "object", "attributes": { "class": "et_pb_toggle_title" }, "selector": "{{selector}}.et_pb_toggle h5, {{selector}}.et_pb_toggle h1.et_pb_toggle_title, {{selector}}.et_pb_toggle h2.et_pb_toggle_title, {{selector}}.et_pb_toggle h3.et_pb_toggle_title, {{selector}}.et_pb_toggle h4.et_pb_toggle_title, {{selector}}.et_pb_toggle h6.et_pb_toggle_title", "supportsCustomAttributes": true, "tagName": "h5", "inlineEditor": "plainText", "elementType": "heading", "childrenSanitizer": "et_core_esc_previously", "settings": { "innerContent": {}, "decoration": { "font": { "groupType": "group-items", "items": { "fontGroup": { "groupSlug": "designTitleText", "attrName": "title.decoration.font", "label": "Title", "priority": 40, "render": true, "component": { "name": "divi/font", "type": "group", "props": { "grouped": false, "fieldLabel": "Title", "dynamicSubgroupHost": true, "fields": { "headingLevel": { "render": true } } } } } } } } } }, "closedTitle": { "type": "object", "selector": "{{selector}}.et_pb_toggle.et_pb_toggle_close h5, {{selector}}.et_pb_toggle.et_pb_toggle_close h1.et_pb_toggle_title, {{selector}}.et_pb_toggle.et_pb_toggle_close h2.et_pb_toggle_title, {{selector}}.et_pb_toggle.et_pb_toggle_close h3.et_pb_toggle_title, {{selector}}.et_pb_toggle.et_pb_toggle_close h4.et_pb_toggle_title, {{selector}}.et_pb_toggle.et_pb_toggle_close h6.et_pb_toggle_title", "settings": { "innerContent": {}, "decoration": { "font": { "groupType": "group-item", "item": { "groupSlug": "designClosedTitleText", "subName": "font", "label": "Closed Title Text", "priority": 40, "render": true, "component": { "name": "divi/font", "type": "group", "props": { "grouped": false, "fieldLabel": "Closed Title", "dynamicSubgroupHost": true, "fields": { "headingLevel": { "render": false } } } } } } } } }, "content": { "type": "object", "selector": "{{selector}} .et_pb_toggle_content", "supportsCustomAttributes": true, "elementType": "content", "attributes": { "class": "et_pb_toggle_content clearfix" }, "settings": { "innerContent": { "groupType": "group-item", "item": { "groupSlug": "contentText", "priority": 15, "render": true, "attrName": "content.innerContent", "label": "Content", "description": "Input the main text content for your module here.", "category": "basic_option", "features": { "dynamicContent": { "type": "text" }, "sticky": false, "preset": "content" }, "component": { "name": "divi/richtext", "type": "field" } } }, "decoration": { "bodyFont": { "priority": 50, "component": { "props": { "dynamicSubgroupHost": true, "groups": { "body": { "groupLabel": "Body Text", "fieldLabel": "Body" } } } } } } } }, "openToggle": { "type": "object", "selector": "{{selector}}.et_pb_toggle.et_pb_toggle_open", "styleProps": { "font": { "selector": "{{selector}}.et_pb_toggle.et_pb_toggle_open h5.et_pb_toggle_title, {{selector}}.et_pb_toggle.et_pb_toggle_open h1.et_pb_toggle_title, {{selector}}.et_pb_toggle.et_pb_toggle_open h2.et_pb_toggle_title, {{selector}}.et_pb_toggle.et_pb_toggle_open h3.et_pb_toggle_title, {{selector}}.et_pb_toggle.et_pb_toggle_open h4.et_pb_toggle_title, {{selector}}.et_pb_toggle.et_pb_toggle_open h6.et_pb_toggle_title" } }, "settings": { "decoration": { "background": { "groupType": "group-item", "item": { "groupSlug": "designToggle", "attrName": "openToggle.decoration.background", "subName": "color", "label": "Open Toggle Background Color", "description": "You can pick unique background colors for toggles when they are in their open and closed states. Choose the open state background color here.", "render": true, "priority": 20, "features": { "sticky": false, "dynamicContent": { "type": "color" } }, "component": { "type": "field", "name": "divi/color-picker" } } }, "font": { "groupType": "group-item", "item": { "groupSlug": "designTitleText", "priority": 5, "render": true, "attrName": "openToggle.decoration.font.font", "subName": "color", "label": "Open Title Text Color", "description": "You can pick unique text colors for toggle titles when they are open and closed. Choose the open state title color here.", "features": { "sticky": false, "dynamicContent": { "type": "color" } }, "component": { "name": "divi/color-picker", "type": "field" } } } } } }, "closedToggle": { "type": "object", "selector": "{{selector}}.et_pb_toggle.et_pb_toggle_close", "settings": { "decoration": { "background": { "groupType": "group-item", "item": { "groupSlug": "designToggle", "subName": "color", "label": "Closed Toggle Background Color", "description": "You can pick unique background colors for toggles when they are in their open and closed states. Choose the closed state background color here.", "render": true, "priority": 20, "features": { "sticky": false, "dynamicContent": { "type": "color" } }, "component": { "type": "field", "name": "divi/color-picker" } } } } } } }, "customCssFields": { "openToggle": { "subName": "openToggle", "label": "Open Toggle", "selectorSuffix": " .et_pb_toggle.et_pb_toggle_open" }, "toggleTitle": { "subName": "toggleTitle", "label": "Toggle Title", "selectorSuffix": " .et_pb_toggle_title" }, "toggleIcon": { "subName": "toggleIcon", "label": "Toggle Icon", "selectorSuffix": " .et_pb_toggle_title:before" }, "toggleContent": { "subName": "toggleContent", "label": "Toggle Content", "selectorSuffix": " .et_pb_toggle_content" } }, "settings": { "content": "auto", "design": "auto", "advanced": "auto", "groups": { "contentText": { "panel": "content", "priority": 10, "multiElements": true, "groupName": "contentText", "component": { "name": "divi/composite", "props": { "groupLabel": "Text" } } }, "contentState": { "panel": "content", "priority": 20, "groupName": "contentState", "component": { "name": "divi/composite", "props": { "groupLabel": "State" } } }, "designIcon": { "panel": "design", "priority": 10, "groupName": "designIcon", "component": { "name": "divi/composite", "props": { "groupLabel": "Icon" } } }, "designToggle": { "panel": "design", "priority": 10, "groupName": "designToggle", "component": { "name": "divi/composite", "props": { "groupLabel": "Toggle" } } }, "designTitleText": { "panel": "design", "priority": 20, "groupName": "designTitleText", "component": { "name": "divi/composite", "props": { "groupLabel": "Title Text", "presetGroup": "divi/font", "dynamicSubgroupHost": true } } }, "designClosedTitleText": { "panel": "design", "priority": 20, "groupName": "designClosedTitleText", "component": { "name": "divi/composite", "props": { "groupLabel": "Closed Title Text", "presetGroup": "divi/font", "dynamicSubgroupHost": true } } } } } }