Skip to content

Instantly share code, notes, and snippets.

@frankiefu

frankiefu/example.html

Created July 22, 2015 01:02
Show Gist options
  • Save frankiefu/b0dfd2de77a325827823 to your computer and use it in GitHub Desktop.
Save frankiefu/b0dfd2de77a325827823 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
example.html
<!doctype html>
<html>
<head>
<title>paper-drawer-panel demo</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<script src="bower_components/webcomponentsjs/webcomponents-lite.js"></script>
<link rel="import" href="bower_components/iron-icons/iron-icons.html">
<link rel="import" href="bower_components/paper-icon-button/paper-icon-button.html">
<link rel="import" href="bower_components/paper-toolbar/paper-toolbar.html">
<link rel="import" href="bower_components/paper-drawer-panel/paper-drawer-panel.html">
<style>
.main-content {
background-color: #ddd;
}
</style>
</head>
<body unresolved>
<paper-drawer-panel>
<div drawer>left drawer</div>
<paper-drawer-panel main right-drawer force-narrow drawer-toggle-attribute="right-drawer-toggle">
<div drawer>right drawer</div>
<div main class="main-content">
<paper-toolbar>
<paper-icon-button icon="menu" paper-drawer-toggle></paper-icon-button>
<div class="flex">My App</div>
<paper-icon-button icon="toc" right-drawer-toggle></paper-icon-button>
</paper-toolbar>
</div>
</paper-drawer-panel>
</paper-drawer-panel>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment