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"
				data-sap-ui-theme="sap_goldreflection">
		</script>
		<!-- add sap.ui.table,sap.ui.ux3 and/or other libraries to 'data-sap-ui-libs' if required -->

		<script>
				sap.ui.localResources("segment");
				var view = sap.ui.view({id:"idsegmentbutton1", viewName:"segment.segmentbutton", type:sap.ui.core.mvc.ViewType.JS});
				view.placeAt("content");
		</script>

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

JavaScript

var oSegmentedButton = new sap.ui.commons.SegmentedButton({id:"SBText",
			buttons:[
new sap.ui.commons.Button({id:"b1",text:"1"}), 
new sap.ui.commons.Button({id:"b2",text:"2"}), 
new sap.ui.commons.Button({id:"b3",text:"3"}),
]
		});
		
	var oSegmentedButton1 = new sap.ui.commons.SegmentedButton({id:"SBText1",
			buttons:[
		
new sap.ui.commons.Button({id:"b4",text:"4"}),
new sap.ui.commons.Button({id:"b5",text:"5"}), 
new sap.ui.commons.Button({id:"b6",text:"6"}), 
]
		});
		var oSegmentedButton2 = new sap.ui.commons.SegmentedButton({id:"SBText2",
			buttons:[
new sap.ui.commons.Button({id:"b7",text:"7"}), 
new sap.ui.commons.Button({id:"b8",text:"8"}), 
new sap.ui.commons.Button({id:"b9",text:"9"}), 
 
 
]
		});
		
		var oflex = new sap.m.FlexBox("flex",{direction : "Column"});
		oflex.addItem(oSegmentedButton);
		oflex.addItem(oSegmentedButton1);
		oflex.addItem(oSegmentedButton2);
		
		
		oflex.setAlignItems("Right"); 
		  
		oflex.setJustifyContent("Right"); 
		
		oflex.placeAt("content");