parent ui5 component

by iPirat

HTML

<script
			id='sap-ui-bootstrap'
			src='https://sapui5.hana.ondemand.com/resources/sap-ui-core.js'
			data-sap-ui-bindingSyntax="complex"
			data-sap-ui-theme='sap_fiori_3'
			data-sap-ui-xx-waitForTheme="true"
			data-sap-ui-preload="async"
			>
</script>


<body class='sapUiBody' id='content'>
</body>

CSS

#content {
  height: 500px
}

JavaScript

sap.ui.getCore().attachInit(function() {
  sap.ui.require([
    "sap/m/Page",
    "sap/m/Text",
    "sap/ui/core/ComponentContainer"
  ], function(Page, Text, ComponentContainer) {
    // initialize the UI component
    new Page({
      content: [
        new Text({
          text: "hello"
        }),
        
        new Text({
          text: " world"
        }),
        
        new ComponentContainer({
          height: "70%",
          name: "sap.m.sample.Button",
          url: "https://sapui5.hana.ondemand.com/test-resources/sap/m/demokit/sample/Button"
        })
      ]
    }).placeAt("content");
  });
});