component

component

{
  "name": "Basic Div",
  "components": [
    {
      "name": "Default Div",
      "template": "<div class='alert' ng-click='selectElem($index, $event)' style='{{css}}'></div>",
      "isBootstrap": true,
      "data": {
      	"css": "width:auto;height:10vh;background-color:yellow;border:2px solid;border-color:black;padding:5px;margin:5px;",
        "childrens" : [],
      },
      "compiledTemplate": "<div class='alert' ng-drop = 'true'  ng-drop-success='onContainerDrop($data,$event)' ng-click='selectElem($index, $event)' style='width:auto;height:10vh;background-color:yellow;'></div>"
    },
    {
      "name": "Default Paragraph",
      "template": "<p style='{{css}}' ng-click='selectElem($index, $event)'>{{text}}</p>",
      "isBootstrap": true,
      "data": {
        "text":"I am a paragraph.",
        "css": "width:auto;height:10vh;"
      },
      "compiledTemplate": "<p style='width:auto;height:10vh;' ng-click='selectElem($index, $event)'>I am a paragraph.</p>"
    }
  ]
}