<!-- This is div is required -->
<div id="complete_example"></div>

<!-- place your example between these tags, with correct indentation and whitespace (by default, this serves as user-facing HTML example). -->
<div id="e_example"><div class="palm-header left">
	<div id="example-activity-spinner1" x-mojo-element="Spinner"></div>
	<div class="truncating-text">Style Matters because Style Matters because Style Matters because Style Matters because</div> 
</div>
<div class="palm-group">
	<div class="palm-group-title">Indeterminite Progress</div>
	<div class="palm-list">
		<div class="palm-row first">
			<div class="palm-row-wrapper">
				<div id="example-activity-spinner1" x-mojo-element="Spinner"></div>
				<div class="title">Searching...</div>
			</div>
		</div>
		<div class="palm-row">
			<div class="palm-row-wrapper">
				<div id="example-activity-spinner2" class="left" x-mojo-element="Spinner"></div>
				<div class="title">Calculating...</div>
			</div>
		</div>
		<div class="palm-row last">
			<div class="palm-row-wrapper">
				<div id="example-activity-spinner3" x-mojo-element="Spinner"></div>
				<div class="title">Updating...</div>
			</div>
		</div>
	</div>
</div></div>

<!-- place additional context, explanation or info between these tags -->
<div id="e_about">
	
</div>

<!-- leave this blank for default html (above), or place code here to override -->
<div id="e_html">

</div>

<!-- list overridable css pertinent to this example, between these tags -->
<div id="e_css">

</div>
	