Cacher is the code snippet organizer for pro developers

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
			   xmlns:s="library://ns.adobe.com/flex/spark">
	
	<!-- controlBarContent allows you to edit the elements on the default
	control bar built-in to mobile applicaitons. Each of the four buttons, when
	clicked, will simply add text to a TextArea defined below -->
	<s:controlBarContent>
			<s:Button label="Button 1" click="textArea.text += 'Button 1\n';" />
			<s:Button label="Button 2" click="textArea.text += 'Button 2\n';" />
			<s:Button label="Button 3" click="textArea.text += 'Button 3\n';" />
			<s:Button label="Button 4" click="textArea.text += 'Button 4\n';" />
	</s:controlBarContent>
	
	<!-- change the layout of the buttons on the control bar -->
	<s:controlBarLayout>
		<s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="10"
							paddingBottom="10" horizontalAlign="center" />
	</s:controlBarLayout>
	
	<!-- add a button to toggle the control bar and a TextArea to demonstrate
	the buttons being used -->
	<s:VGroup horizontalCenter="0" verticalCenter="0" horizontalAlign="center">
		<s:Button id="toggleControl" label="Toggle Control Bar" 
				  click="controlBarVisible = !controlBarVisible;" />
		<s:Spacer height="50" />
		<s:TextArea id="textArea" editable="false" height="400" width="200" text="" />
	</s:VGroup>
	
</s:Application>