@titanium/turbo/samples/apps/models/journal/views/add.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 id="addWin" title="Add Entry" modal="true">
    	<TextField id="title" hintText="entry title" onReturn="focusText"/>
    	<TextArea id="text" onReturn="closeKeyboard"/>

    	<!-- use a TabbedBar on iOS, a Picker otherwise -->
    	<TabbedBar id="mood" platform="ios" index="1">
    		<Labels>
    			<Label>happy</Label>
    			<Label>neutral</Label>
    			<Label>mad</Label>
    		</Labels>
    	</TabbedBar>
    	<Picker id="mood" platform="!ios">
    		<Row title="happy"/>
    		<Row title="neutral"/>
    		<Row title="mad"/>
    	</Picker>

    	<Button class="button" onClick="addEntry">Add</Button>
    	<Button class="button" onClick="closeWindow">Cancel</Button>
  	</Window>
</Alloy>