{
  "_comment": "!!! THIS IS AN AUTOMATICALLY GENERATED FILE - DO NOT EDIT !!!",
  "name": "divi/button",
  "d4Shortcode": "et_pb_button",
  "moduleClassName": "et_pb_button",
  "moduleOrderClassName": "et_pb_button",
  "title": "Button",
  "titles": "Buttons",
  "moduleIcon": "divi/module-button",
  "category": "module",
  "childrenName": [],
  "videos": [
    {
      "id": "xDJFksZljlc",
      "name": "An introduction to the Button 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": {
          "selector": "{{wrapperSelector}}",
          "propertySelectors": {
            "desktop": {
              "value": {
                "padding": "{{wrapperSelector}} {{baseSelector}}"
              }
            }
          },
          "important": true
        },
        "transform": {
          "selector": "{{wrapperSelector}} a"
        },
        "position": {
          "selector": "{{wrapperSelector}}"
        },
        "order": {
          "selector": "{{wrapperSelector}}"
        }
      },
      "settings": {
        "meta": {
          "meta": {}
        },
        "advanced": {
          "elements": {},
          "html": {},
          "loop": {},
          "text": {
            "component": {
              "props": {
                "fields": {
                  "orientation": {
                    "render": false
                  },
                  "textShadowGroup": {
                    "render": false
                  }
                }
              }
            }
          },
          "alignment": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designAlignment",
              "priority": 5,
              "render": true,
              "attrName": "module.advanced.alignment",
              "label": "Button Alignment",
              "description": "Here you can define the alignment of Button.",
              "category": "configuration",
              "multipleChoices": false,
              "features": {
                "hover": false,
                "sticky": false,
                "preset": [
                  "html"
                ]
              },
              "component": {
                "type": "field",
                "name": "divi/button-options",
                "props": {
                  "options": {
                    "left": {
                      "icon": "divi/align-left"
                    },
                    "center": {
                      "icon": "divi/align-center"
                    },
                    "right": {
                      "icon": "divi/align-right"
                    }
                  },
                  "showLabel": false
                }
              }
            }
          }
        },
        "decoration": {
          "layout": {},
          "animation": {},
          "attributes": {},
          "boxShadow": {},
          "conditions": {},
          "disabledOn": {},
          "filters": {},
          "interactions": {},
          "overflow": {},
          "order": {},
          "position": {},
          "scroll": {},
          "spacing": {},
          "sticky": {},
          "transform": {},
          "transition": {},
          "zIndex": {}
        }
      }
    },
    "button": {
      "type": "object",
      "customPostTypeSelector": "body.et-db #page-container #et-boc .et-l {{baseSelector}}",
      "selector": "body #page-container .et_pb_section {{baseSelector}}",
      "elementType": "button",
      "styleProps": {
        "font": {
          "important": {
            "font": {
              "desktop": {
                "value": {
                  "color": true,
                  "font-size": true,
                  "letter-spacing": true,
                  "line-height": true
                }
              }
            }
          }
        },
        "spacing": {
          "important": true
        }
      },
      "settings": {
        "innerContent": {
          "groupType": "into-multiple-groups",
          "groups": {
            "text": {
              "groupType": "group-item",
              "item": {
                "description": "Input your desired button text.",
                "groupSlug": "contentText",
                "label": "Button Text",
                "priority": 10,
                "render": true,
                "subName": "text",
                "category": "basic_option",
                "features": {
                  "dynamicContent": {
                    "type": "text"
                  },
                  "sticky": false,
                  "preset": "content"
                },
                "component": {
                  "name": "divi/text",
                  "type": "field"
                }
              }
            },
            "link": {
              "groupType": "group-item",
              "item": {
                "groupSlug": "contentLink",
                "attrName": "button.innerContent",
                "priority": 20,
                "render": true,
                "component": {
                  "type": "group",
                  "name": "divi/button-link",
                  "props": {
                    "grouped": false,
                    "attrName": "button.innerContent",
                    "fieldLabel": "Button"
                  }
                }
              }
            }
          }
        },
        "decoration": {
          "background": {},
          "border": {},
          "boxShadow": {},
          "button": {
            "component": {
              "props": {
                "dynamicSubgroupHost": true,
                "dynamicSubgroupLockedSubgroupIds": [
                  "button.decoration.transform",
                  "button.decoration.filters",
                  "button.decoration.animation"
                ],
                "fields": {
                  "alignment": {
                    "render": false
                  },
                  "boxShadowGroup": {
                    "render": false
                  },
                  "buttonIconGroup": {
                    "component": {
                      "props": {
                        "fields": {
                          "placement": {
                            "features": {
                              "hover": false
                            }
                          },
                          "onHover": {
                            "features": {
                              "hover": false
                            }
                          }
                        }
                      }
                    }
                  },
                  "fontGroup": {
                    "component": {
                      "props": {
                        "fields": {
                          "lineHeight": {
                            "render": true
                          },
                          "textAlign": {
                            "render": false
                          }
                        }
                      }
                    }
                  },
                  "spacingGroup": {
                    "render": false
                  }
                }
              }
            }
          },
          "font": {},
          "sizing": {},
          "spacing": {
            "component": {
              "props": {
                "fields": {
                  "margin": {
                    "render": false
                  },
                  "padding": {
                    "render": false
                  }
                }
              }
            }
          }
        }
      }
    }
  },
  "customCssFields": {},
  "settings": {
    "content": "auto",
    "design": "auto",
    "advanced": "auto",
    "groups": {
      "contentText": {
        "panel": "content",
        "priority": 10,
        "groupName": "text",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Text"
          }
        }
      },
      "contentLink": {
        "panel": "content",
        "priority": 20,
        "groupName": "link",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Link",
            "preset": "content"
          }
        }
      },
      "designAlignment": {
        "panel": "design",
        "priority": 10,
        "groupName": "alignment",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Alignment",
            "clipboardCategory": "style"
          }
        }
      }
    }
  },
  "wrapper": {
    "status": true,
    "tag": "div"
  }
}