<!-- 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-group">
	<div class="palm-group-title">Ingredients</div>
	<div class="palm-list">
		<div class="palm-row first" x-mojo-touch-feedback="delayed">
			<div class="palm-row-wrapper">
				<div class="label">2 cups</div>
				<div class="title">Sifted flour</div>
			</div>
		</div>
		<div class="palm-row" x-mojo-touch-feedback="delayed">
			<div class="palm-row-wrapper">
				<div class="label">3 cups</div>
				<div class="title">Lukewarm milk</div>
			</div>
		</div>
		<div class="palm-row last" x-mojo-touch-feedback="delayed">
			<div class="palm-row-wrapper">
				<div class="label">1 stick</div>
				<div class="title">Melted butter</div>
			</div>
		</div>
	</div>
</div>	
<div class="palm-group">
	<div class="palm-group-title">Shopping List</div>
	<div class="palm-list">
		<div class="palm-row first" x-mojo-touch-feedback="delayed">
			<div class="palm-row-wrapper">
				<div class="title">lb of unsalted butter</div>
			</div>
		</div>
		<div class="palm-row disabled" x-mojo-touch-feedback="delayed">
			<div class="palm-row-wrapper">
				<div class="title">bunch of bananas</div>
			</div>
		</div>
		<div class="palm-row" x-mojo-touch-feedback="delayed">
			<div class="palm-row-wrapper">
				<div class="title">apples</div>
			</div>
		</div>
		<div class="palm-row last" x-mojo-touch-feedback="delayed">
			<div class="palm-row-wrapper">
				<div class="title">gallon of whole milk</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 developer-facing css pertinent to this example, between these tags -->
<div id="e_css">

</div>