polymer-thram-elements
Polymer Elements made by Thram
<!-- VENDOR -->
<script src="components/webcomponentsjs/webcomponents.min.js"></script>
<!-- THRAM'S ELEMENTS -->
<link rel="import" href="components/polymer-thram-elements/thram-elements.html">Thram's Drawer
Attributes:
-
right: Drawer floats right. By default it floats left. -
half: Cover half width of the and 100% of the height -
width: Define specific width -
height: Define specific height
<html>
<head>
<!-- VENDOR -->
<script src="components/webcomponentsjs/webcomponents.min.js"></script>
<link rel="import" href="components/polymer-thram-elements/thram-elements.html">
<!-- To cover the whole screen -->
<style>
html, body{ width:100%; height:100% }
</style>
</head>
<body>
<drawer-element half style="background: red;"></drawer-element>
<drawer-element half right style="background: blue;"></drawer-element>
</body>
</html>