{
  "type": "component",
  "behavior": {
    "$listeners": {
      "desc": "All native events are being propagated (you don't need the '.native' modifier)"
    }
  },
  "props": {
    "position": {
      "type": "String",
      "desc": "Page side/corner to stick to",
      "default": "bottom-right",
      "values": [
        "top-right",
        "top-left",
        "bottom-right",
        "bottom-left",
        "top",
        "right",
        "bottom",
        "left"
      ],
      "examples": [
        "top-right"
      ],
      "category": "position"
    },
    "offset": {
      "type": "Array",
      "desc": "An array of two numbers to offset the component horizontally and vertically in pixels",
      "examples": [
        "[8, 8]",
        "[5, 10]"
      ],
      "category": "content",
      "default": [
        18,
        18
      ]
    },
    "expand": {
      "type": "Boolean",
      "desc": "By default the component shrinks to content's size; By using this prop you make the component fully expand horizontally or vertically, based on 'position' prop",
      "category": "content"
    },
    "scroll-offset": {
      "type": "Number",
      "desc": "Scroll offset (in pixels) from which point the component is shown on page",
      "default": 1000,
      "examples": [
        550
      ],
      "category": "behavior"
    },
    "duration": {
      "type": "Number",
      "desc": "Duration (in milliseconds) of the scrolling until it reaches its target",
      "default": 300,
      "examples": [
        500
      ],
      "category": "behavior"
    }
  },
  "slots": {
    "default": {
      "desc": "Default slot in the devland unslotted content of the component"
    }
  }
}