{
  "properties": [
    {
      "name": "big",
      "type": "Boolean",
      "description": "Bigger button"
    },
    {
      "name": "alt",
      "type": "Boolean",
      "description": "Alternative design"
    },
    {
      "name": "alt-two",
      "type": "Boolean",
      "description": "Second alternative design"
    },
    {
      "name": "plain",
      "type": "Boolean",
      "description": "Close to no styling"
    },
    {
      "name": "plain-two",
      "type": "Boolean",
      "description": "Close to no styling, some styles are different from plain type also have a small icon"
    },
    {
      "name": "disabled",
      "type": "Boolean",
      "description": "Disabled"
    },
    {
      "name": "icon",
      "type": "String",
      "description": "Left or the only icon"
    },
    {
      "name": "icon-right",
      "type": "String",
      "description": "Right icon"
    },
    {
      "name": "link",
      "type": "String",
      "description": "If link is set, component works as <a>  with button style"
    },
    {
      "name": "target",
      "type": "String",
      "description": "Same as the target attribute in <a>"
    },
    {
      "name": "mobile-bottom",
      "type": "Boolean",
      "description": "Show Button at the bottom with full width on mobile devices"
    },
    {
      "name": "iconColor",
      "type": "String",
      "description": "Set icon color"
    },
    {
      "name": "iconSize",
      "type": "String",
      "description": "Set icon size"
    },
    {
      "name": "padding",
      "type": "String",
      "description": "Set button padding"
    },
    {
      "name": "color",
      "type": "String",
      "description": "Set text color"
    },
    {
      "name": "spaceBetween",
      "type": "String",
      "default": "8px",
      "description": "Set space between icons and text of button"
    },
    {
      "name": "width",
      "type": "String",
      "description": "Set button width"
    },
    {
      "name": "backgroundColor",
      "type": "String",
      "description": "Set background color"
    },
    {
      "name": "gray",
      "type": "Boolean",
      "description": "Set gray button mode"
    },
    {
      "name": "download",
      "type": "Boolean",
      "description": "Set download button mode"
    },
    {
      "name": "grayActive",
      "type": "Boolean",
      "description": "Set gray button mode with the active light green mode"
    }
  ],
  "events": [
    {
      "name": "click",
      "description": "Emitted when button is clicked"
    }
  ]
}