JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML>

<script src="https://sapui5.netweaver.ondemand.com/resources/sap-ui-core.js"
				id="sap-ui-bootstrap"
				data-sap-ui-libs="sap.ui.commons,sap.m,sap.ui.table"
				data-sap-ui-theme="sap_bluecrystal">
		</script>
		
		<!-- add sap.ui.table,sap.ui.ux3 and/or other libraries to 'data-sap-ui-libs' if required -->

		<script>
				sap.ui.localResources("sample");
				var App = new sap.m.App({ id:"App"});  
				  
				  
			var view = sap.ui.view({id:"idhello", viewName:"sample.first", type:sap.ui.core.mvc.ViewType.JS});
				App.addPage(view);  
				App.placeAt("content");
		</script>

	</head>
	<body class="sapUiBody" role="application">
		<div id="content"></div>
	</body>
</html>

JavaScript

var tilecontainer = new sap.m.TileContainer("containerId",{
			tiles : [
			         
	 new sap.m.StandardTile("customerId",
			     {
	
		 		number : "999,999,999",
		 		//numberUnit : "ÑpQrtasbdcsytes",
		 		title : "Customer",
		 		//info : "Four score and seven years ago",
		 		//infoState : "Success",
	
			     }),
			     
	new sap.m.StandardTile("installedbaseId",
					     {
			
				//number : "999,999,999",
				//numberUnit : "ÑpQrtasbdcsytes",
				title : "Installed Base",
				//info : "Four score and seven years ago",
				//infoState : "Success",
			
					     })
                ]
                
                });		
		
		
		
		
		
		var tilecontainer1 = new sap.m.TileContainer("containerId1",{
			tiles : [
			         
	
					     
	new sap.m.StandardTile("fieldvisitId1",
							     {
					
					//number : "999,999,999",
					//numberUnit : "ÑpQrtasbdcsytes",
					title : "Field Visit",
					//info : "Four score and seven years ago",
					//infoState : "Success",
					
							     }),
							     
	new sap.m.StandardTile("serviceorderId1",
									     {
							
					//number : "999,999,999",
					//numberUnit : "ÑpQrtasbdcsytes",
					title : "Service Order",
					//info : "Four score and seven years ago",
					//infoState : "Success",
							
					  })
	 
 
							         

				 ]
		
		
		
		
		
		});		
		
		
		
		
		new sap.m.App({  
            pages: [  
                      new sap.m.Page({  
                                //title: "Home",  
                                content: [ tilecontainer],  
                      enableScrolling: false,
                        showHeader : false
                      })  
            ]  
  }).placeAt("content");  

		
		
		
		new sap.m.App({  
            pages: [  
                      new sap.m.Page({  
                                //title: "Home",  
                                content: [ tilecontainer1],  
                      enableScrolling: false,
                       ...