{ "_comment": "!!! THIS IS AN AUTOMATICALLY GENERATED FILE - DO NOT EDIT !!!", "name": "squad-modules/icon-box", "d4Shortcode": "disq_icon_box", "title": "Icon Box", "titles": "Icon Boxes", "moduleIcon": "squad-modules/icon-box", "moduleClassName": "disq_icon_box", "category": "module", "folder": "squad-modules", "allowAllElements": true, "attributes": { "module": { "type": "object", "selector": "{{selector}}", "settings": { "meta": { "adminLabel": {} }, "advanced": { "htmlAttributes": {} }, "decoration": { "animation": {}, "background": {}, "border": {}, "boxShadow": {}, "conditions": {}, "disabledOn": {}, "filters": {}, "fonts": {}, "overflow": {}, "position": {}, "scroll": {}, "sizing": {}, "spacing": {}, "sticky": {}, "transform": {}, "transition": {}, "zIndex": {} } }, "default": { "meta": { "adminLabel": { "desktop": { "value": "Icon Box" } } } } }, "iconBox": { "type": "object", "selector": "{{selector}} .squad-icon-box", "settings": { "innerContent": { "groupType": "group-items", "items": { "elementType": { "groupSlug": "contentElement", "attrName": "iconBox.innerContent", "subName": "elementType", "label": "Element Type", "description": "Show an icon, image or Lottie animation.", "features": { "responsive": false, "hover": false, "sticky": false }, "render": true, "priority": 10, "component": { "type": "field", "name": "divi/select", "props": { "options": { "icon": { "label": "Icon" }, "image": { "label": "Image" }, "lottie": { "label": "Lottie" }, "none": { "label": "None" } } } } }, "icon": { "groupSlug": "contentElement", "attrName": "iconBox.innerContent", "subName": "icon", "label": "Choose an Icon", "description": "Pick an icon to display.", "features": { "responsive": false, "hover": false, "sticky": false }, "render": true, "priority": 20, "component": { "type": "field", "name": "divi/icon-picker" } }, "image": { "groupSlug": "contentElement", "attrName": "iconBox.innerContent", "subName": "image", "label": "Image", "description": "Upload an image to display.", "features": { "responsive": false, "hover": false, "sticky": false }, "render": true, "priority": 30, "component": { "type": "field", "name": "divi/upload" } }, "imageAlt": { "groupSlug": "contentElement", "attrName": "iconBox.innerContent", "subName": "imageAlt", "label": "Image Alt Text", "description": "Alt text for the image.", "features": { "responsive": false, "hover": false, "sticky": false }, "render": true, "priority": 40, "component": { "type": "field", "name": "divi/text" } }, "lottieSrc": { "groupSlug": "contentElement", "attrName": "iconBox.innerContent", "subName": "lottieSrc", "label": "Lottie JSON", "description": "Upload or paste a Lottie .json animation URL.", "features": { "responsive": false, "hover": false, "sticky": false }, "render": true, "priority": 50, "component": { "type": "field", "name": "divi/upload" } }, "lottieLoop": { "groupSlug": "contentElement", "attrName": "iconBox.innerContent", "subName": "lottieLoop", "label": "Loop Animation", "description": "Play the Lottie animation on a loop.", "features": { "responsive": false, "hover": false, "sticky": false }, "render": true, "priority": 60, "component": { "type": "field", "name": "divi/select", "props": { "options": { "off": { "label": "No" }, "on": { "label": "Yes" } } } } }, "title": { "groupSlug": "contentInfo", "attrName": "iconBox.innerContent", "subName": "title", "label": "Title", "description": "The heading text.", "features": { "responsive": false, "hover": false, "sticky": false }, "render": true, "priority": 10, "component": { "type": "field", "name": "divi/text" } }, "titleLevel": { "groupSlug": "contentInfo", "attrName": "iconBox.innerContent", "subName": "titleLevel", "label": "Title Heading Level", "description": "HTML heading tag for the title.", "features": { "responsive": false, "hover": false, "sticky": false }, "render": true, "priority": 20, "component": { "type": "field", "name": "divi/select", "props": { "options": { "h1": { "label": "H1" }, "h2": { "label": "H2" }, "h3": { "label": "H3" }, "h4": { "label": "H4" }, "h5": { "label": "H5" }, "h6": { "label": "H6" } } } } }, "content": { "groupSlug": "contentInfo", "attrName": "iconBox.innerContent", "subName": "content", "label": "Body", "description": "The description text.", "features": { "responsive": false, "hover": false, "sticky": false }, "render": true, "priority": 30, "component": { "type": "field", "name": "divi/textarea" } }, "useBadge": { "groupSlug": "contentBadge", "attrName": "iconBox.innerContent", "subName": "useBadge", "label": "Show Badge", "description": "Display a small badge above the title.", "features": { "responsive": false, "hover": false, "sticky": false }, "render": true, "priority": 10, "component": { "type": "field", "name": "divi/select", "props": { "options": { "off": { "label": "No" }, "on": { "label": "Yes" } } } } }, "badgeText": { "groupSlug": "contentBadge", "attrName": "iconBox.innerContent", "subName": "badgeText", "label": "Badge Text", "description": "The badge label, e.g. New.", "features": { "responsive": false, "hover": false, "sticky": false }, "render": true, "priority": 20, "component": { "type": "field", "name": "divi/text" } }, "linkUrl": { "groupSlug": "contentLink", "attrName": "iconBox.innerContent", "subName": "linkUrl", "label": "Box Link URL", "description": "Make the whole box clickable.", "features": { "responsive": false, "hover": false, "sticky": false }, "render": true, "priority": 10, "component": { "type": "field", "name": "divi/text" } }, "linkTarget": { "groupSlug": "contentLink", "attrName": "iconBox.innerContent", "subName": "linkTarget", "label": "Open in New Tab", "description": "Open the box link in a new tab.", "features": { "responsive": false, "hover": false, "sticky": false }, "render": true, "priority": 20, "component": { "type": "field", "name": "divi/select", "props": { "options": { "off": { "label": "No" }, "on": { "label": "Yes" } } } } }, "iconPlacement": { "groupSlug": "contentLayout", "attrName": "iconBox.innerContent", "subName": "iconPlacement", "label": "Icon Placement", "description": "Where the icon sits relative to the content.", "features": { "responsive": false, "hover": false, "sticky": false }, "render": true, "priority": 10, "component": { "type": "field", "name": "divi/select", "props": { "options": { "top": { "label": "Top" }, "left": { "label": "Left" }, "right": { "label": "Right" } } } } }, "alignment": { "groupSlug": "contentLayout", "attrName": "iconBox.innerContent", "subName": "alignment", "label": "Content Alignment", "description": "Align the box content.", "features": { "responsive": false, "hover": false, "sticky": false }, "render": true, "priority": 20, "component": { "type": "field", "name": "divi/select", "props": { "options": { "left": { "label": "Left" }, "center": { "label": "Center" }, "right": { "label": "Right" } } } } }, "iconColor": { "groupSlug": "contentIcon", "attrName": "iconBox.innerContent", "subName": "iconColor", "label": "Icon Color", "description": "Color of the font icon.", "features": { "responsive": false, "hover": false, "sticky": false }, "render": true, "priority": 10, "component": { "type": "field", "name": "divi/color-picker" } }, "iconBgColor": { "groupSlug": "contentIcon", "attrName": "iconBox.innerContent", "subName": "iconBgColor", "label": "Icon Background Color", "description": "Background color behind the icon.", "features": { "responsive": false, "hover": false, "sticky": false }, "render": true, "priority": 20, "component": { "type": "field", "name": "divi/color-picker" } }, "iconSize": { "groupSlug": "contentIcon", "attrName": "iconBox.innerContent", "subName": "iconSize", "label": "Icon Size", "description": "Size of the font icon (e.g. 48px).", "features": { "responsive": false, "hover": false, "sticky": false }, "render": true, "priority": 30, "component": { "type": "field", "name": "divi/text" } } } } }, "default": { "innerContent": { "desktop": { "value": { "elementType": "icon", "icon": "", "image": "", "imageAlt": "", "lottieSrc": "", "lottieLoop": "on", "title": "Your Feature", "titleLevel": "h3", "content": "Describe this feature in a sentence or two.", "useBadge": "off", "badgeText": "New", "linkUrl": "", "linkTarget": "off", "iconPlacement": "top", "alignment": "center", "iconColor": "#5E2EFF", "iconBgColor": "", "iconSize": "48px" } } } } } }, "settings": { "groups": { "contentElement": { "panel": "content", "priority": 10, "groupName": "element", "multiElements": true, "component": { "name": "divi/composite", "props": { "groupLabel": "Icon / Image" } } }, "contentInfo": { "panel": "content", "priority": 20, "groupName": "info", "multiElements": true, "component": { "name": "divi/composite", "props": { "groupLabel": "Content" } } }, "contentBadge": { "panel": "content", "priority": 30, "groupName": "badge", "multiElements": true, "component": { "name": "divi/composite", "props": { "groupLabel": "Badge" } } }, "contentLink": { "panel": "content", "priority": 40, "groupName": "link", "multiElements": true, "component": { "name": "divi/composite", "props": { "groupLabel": "Link" } } }, "contentLayout": { "panel": "content", "priority": 50, "groupName": "layout", "multiElements": true, "component": { "name": "divi/composite", "props": { "groupLabel": "Layout" } } }, "contentIcon": { "panel": "content", "priority": 60, "groupName": "iconStyle", "multiElements": true, "component": { "name": "divi/composite", "props": { "groupLabel": "Icon Style" } } } } } }