polyfiddle

Polymer boilerplate for jsFiddle

HTML

<base href="https://polygit.org/components/">
<script src="webcomponentsjs/webcomponents-lite.min.js"></script>
<link href="polymer/polymer.html" rel="import">
<link href="paper-slider/paper-slider.html" rel="import">

<dom-module id="x-example">
  <style>
    :host {
      display: block;
    }
  </style>
  <template>
    <h1>polyfiddle</h1>
    <paper-slider snaps value="5" min="0" max="10"></paper-slider>
    <button on-tap="_onTap">
      bubble
    </button>
  </template>
</dom-module>

<x-example></x-example>

CSS

body {
  font-family: sans-serif;
}

JavaScript

// only need this when in the main document and on non-Chrome
addEventListener('WebComponentsReady', function() {
  Polymer({
    is: 'x-example',
    _onTap: function() {
    	console.log('tapped');
    }
  });
});