@titanium/turbo/samples/apps/ui/buttonbar/views/index.xml

<p align="center"> <img src="https://cdn.secure-api.org/images/turbo-title_400.png" /><br> <a href="https://www.npmjs.com/package/@titanium/turbo"> <img src="https://img.shields.io/npm/v/@titanium/turbo.png" /> </a> </p>

<Alloy>
	<Window>
		<ButtonBar platform="ios" onClick="sayHi">
			<!-- These get added to the TabbedBar "labels" array -->
			<Labels>
				<!-- Specify text with node text or "title" attribute. -->
				<Label>button 1</Label>
				<Label title="button 2"/>

				<!-- uses images and/or widths -->
				<Label width="40" image="/KS_nav_ui.png"/>

				<!-- set as disabled -->
				<Label enabled="false">disabled</Label>

				<!-- empty labels will print a warning (no properties) -->
				<!-- <Label/> -->
			</Labels>

			<!--
				additional views get added as normal, over the labels, as
			    per the documentation of the add() function.
			 -->
			<!-- <View opacity="0.25" backgroundColor="#a00" width="50%"/> -->
		</ButtonBar>
		<Label platform="android,mobileweb">Ti.UI.ButtonBar only supported on iOS</Label>
	</Window>
</Alloy>