polymer-thram-elements

Polymer Elements made by Thram


Keywords
polymer-thram
License
GPL-3.0
Install
bower install polymer-thram-elements

Documentation

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>