{
    "apiVersion": 2,
    "name": "gutenverse/button",
    "title": "Button",
    "description": "Add beautiful and interactive action button.",
    "category": "gutenverse-element",
    "attributes": {
        "elementId": {
            "type": "string"
        },
        "role": {
            "type": "string",
            "default": "link"
        },
        "content": {
            "type": "string"
        },
        "url": {
            "type": "string"
        },
        "linkTarget": {
            "type": "string",
            "source": "attribute",
            "selector": "a",
            "attribute": "target"
        },
        "rel": {
            "type": "string",
            "source": "attribute",
            "selector": "a",
            "attribute": "rel"
        },
        "buttonType": {
            "type": "string",
            "default": "default"
        },
        "buttonSize": {
            "type": "string",
            "default": "sm"
        },
        "buttonWidth": {
            "type": "object"
        },
        "alignButton": {
            "type": "object"
        },
        "paddingButton": {
            "type": "object"
        },
        "buttonBackground": {
            "type": "object"
        },
        "buttonBackgroundHover": {
            "type": "object"
        },
        "buttonBorder": {
            "type": "object"
        },
        "buttonBoxShadow": {
            "type": "object"
        },
        "buttonBorderHover": {
            "type": "object"
        },
        "buttonBoxShadowHover": {
            "type": "object"
        },
        "showIcon": {
            "type": "boolean",
            "default": false
        },
        "icon": {
            "type": "string",
            "default": "fab fa-wordpress"
        },
        "iconPosition": {
            "type": "string",
            "default": "before"
        },
        "iconSpacing": {
            "type": "object"
        },
        "iconSize": {
            "type": "object"
        },
        "background": {
            "type": "object",
            "default": {}
        },
        "backgroundHover": {
            "type": "object",
            "default": {}
        },
        "border": {
            "type": "object"
        },
        "boxShadow": {
            "type": "object"
        },
        "borderHover": {
            "type": "object"
        },
        "boxShadowHover": {
            "type": "object"
        },
        "margin": {
            "type": "object"
        },
        "padding": {
            "type": "object"
        },
        "zIndex": {
            "type": "object"
        },
        "animation": {
            "type": "object",
            "default": {}
        },
        "hideDesktop": {
            "type": "boolean"
        },
        "hideTablet": {
            "type": "boolean"
        },
        "hideMobile": {
            "type": "boolean"
        },
        "color": {
            "type": "object"
        },
        "iconColor": {
            "type": "object"
        },
        "typography": {
            "type": "object"
        },
        "hoverIconColor": {
            "type": "object"
        },
        "hoverBgColor": {
            "type": "object"
        },
        "hoverTextColor": {
            "type": "object"
        },
        "hoverBorderColor": {
            "type": "object"
        },
        "positioningType": {
            "type": "object"
        },
        "positioningWidth": {
            "type": "object"
        },
        "positioningAlign": {
            "type": "object"
        },
        "positioningLocation": {
            "type": "string"
        },
        "positioningLeft": {
            "type": "object"
        },
        "positioningRight": {
            "type": "object"
        },
        "positioningTop": {
            "type": "object"
        },
        "positioningBottom": {
            "type": "object"
        }
    },
    "supports": {
        "className": false
    },
    "keywords": [
        "button",
        "url",
        "action"
    ]
}