pip-webui/pip-webui-css/samples/material/bottom_sheet.html

HTML5 UI for LOB applications

<p class="text-title h72 m0 bm8 layout-row layout-align-start-center">
	Bottom sheet.
</p>

<p >
	Bottom sheet can be dismissed with the service or a swipe down.
</p>

<div class="bottom-sheet-demo inset layout-column layout-sm-row layout-align-center">
	<md-button class="md-primary" ng-click="showListBottomSheet($event)">
		Show as List
	</md-button>
	<div style="width: 50px;">
	</div>
	<md-button class="md-primary" ng-click="showGridBottomSheet($event)">
		Show as Grid
	</md-button>
</div>

<br/>

<b class=" layout-row layout-align-center-center layout-margin">
	{{alert}}
</b>