{
  "path": "page.jade",
  "containers": [
    {
      "name": "buttons",
      "elements": [
        {
          "type": "Button",
          "ref": "56afa321acd0a8ae666f3a7d",
          "_data": {
            "_id": "56afa321acd0a8ae666f3a7d",
            "__v": 0,
            "onclick": "function () {\n \tconst a= {};\n  a.b =1;\n}",
            "_category": [
              "Type.Human"
            ],
            "size": "sm",
            "type": "white",
            "text": "button"
          },
          "_copy": true
        },
        {
          "type": "Button",
          "ref": "56a100b88b088122b4ddae68",
          "containers": [],
          "_data": {
            "_id": "56a100b88b088122b4ddae68",
            "class": [
              "btn btn-primary btn-xs"
            ],
            "__v": 0,
            "friend": "56a2a17d5fce9eb1ceba6370",
            "onclick": "function (text) {\n  this.$send(`${this.friend._id || this.friend}/buttonClick`, text)\n  .then(r => {\n    console.log(r);\n  }); \n}",
            "_category": [
              "Type.Human"
            ],
            "size": "sm",
            "type": "danger",
            "text": "default button"
          },
          "_copy": true
        },
        {
          "type": "Button",
          "ref": "56a2a17d5fce9eb1ceba6370",
          "containers": [],
          "_data": {
            "_id": "56a2a17d5fce9eb1ceba6370",
            "__v": 0,
            "friend": "56a100b88b088122b4ddae68",
            "onclick": "function onclick() {\n  const f = this.$find('Button', this.friend);\n  f.color = 'yellow';\n  f.text = 'rat';\n}",
            "_category": [
              "Type.Human"
            ],
            "size": "sm",
            "type": "white",
            "text": "Demo button 9"
          },
          "_copy": true
        },
        {
          "type": "Button",
          "ref": "56a78c9fc54a3de905baf337",
          "containers": [],
          "_data": {
            "_id": "56a78c9fc54a3de905baf337",
            "__v": 0,
            "friend": "56a2a17d5fce9eb1ceba6370",
            "alert": "56a61c3df0ca6f3bf77176fe",
            "onclick": "function () {\n  const a = this.$find('Tab', this.tab);\n  a.tab[1].active = true;\n}",
            "tab": "56a25f05f24663bdcc09ad4f",
            "_category": [
              "Type.Human"
            ],
            "size": "sm",
            "type": "white",
            "text": "Change tab"
          },
          "_copy": true
        },
        {
          "type": "Alert",
          "ref": "56a61c3df0ca6f3bf77176fe",
          "containers": [],
          "_data": {
            "_id": "56a61c3df0ca6f3bf77176fe",
            "__v": 0,
            "text": "Show me the meaning from another way",
            "dismissible": true,
            "_category": [],
            "icon": "remove-sign",
            "type": "info"
          },
          "_copy": true
        },
        {
          "type": "Alert",
          "ref": "56a25578bd265ecdcbebfe8a",
          "containers": [],
          "_data": {
            "_id": "56a25578bd265ecdcbebfe8a",
            "__v": 0,
            "text": "Here is alert and you can change it directly ^____^",
            "dismissible": true,
            "_category": [
              "Type.Human",
              "Type2.Animal"
            ],
            "icon": "info-sign",
            "type": "danger"
          },
          "_copy": true
        },
        {
          "type": "Carousel",
          "ref": "56a34e5e58a8d43dd389605e",
          "containers": [],
          "_data": {
            "_id": "56a34e5e58a8d43dd389605e",
            "__v": 0,
            "title": "My carosel",
            "_category": [
              "Type.Human"
            ],
            "tab": [
              {
                "active": true,
                "text": "Spring",
                "_id": "56a3505c9e37165ad3bce227",
                "img": {
                  "alt": "Spring",
                  "src": ".image/spring2.jpg"
                }
              },
              {
                "text": "spring",
                "_id": "56a3505c9e37165ad3bce226",
                "active": false,
                "img": {
                  "alt": "Spring",
                  "src": ".image/spring.jpg"
                }
              }
            ]
          },
          "_copy": true
        }
      ]
    },
    {
      "name": "tabs",
      "elements": [
        {
          "type": "Tab",
          "ref": "56a25f05f24663bdcc09ad4f",
          "containers": [
            {
              "name": "buttons_tab_0",
              "elements": []
            },
            {
              "name": "buttons_tab_1",
              "elements": [
                {
                  "type": "Dropdown",
                  "ref": "56a2a1225fce9eb1ceba636e",
                  "containers": [],
                  "_data": {
                    "_id": "56a2a1225fce9eb1ceba636e",
                    "__v": 0,
                    "text": "Demo dropdown",
                    "_category": [
                      "Type.Human"
                    ],
                    "option": [
                      "option1",
                      "option2",
                      "options",
                      "Teka"
                    ]
                  },
                  "_copy": true
                }
              ]
            },
            {
              "name": "buttons_tab_2",
              "elements": []
            },
            {
              "name": "buttons_tab_3",
              "elements": []
            }
          ],
          "_data": {
            "_id": "56a25f05f24663bdcc09ad4f",
            "__v": 0,
            "title": "demo",
            "_category": [
              "Type.Human"
            ],
            "tab": [
              {
                "active": true,
                "text": "tab1",
                "_id": "56a25f1ef24663bdcc09ad52"
              },
              {
                "text": "tab2",
                "_id": "56a25f1ef24663bdcc09ad51",
                "active": false
              },
              {
                "text": "tab3",
                "_id": "56a4e0f7fa5f86d0e1f869d2"
              }
            ]
          },
          "_copy": true
        }
      ]
    },
    {
      "name": "dogs",
      "elements": []
    }
  ]
}