JSFiddle - React, Tailwind, and code Playground

by mgiuffrida

HTML

<script>Polymer = {dom: 'shadow', lazyRegister: true};</script>
<base href="https://polygit.org/*+:master/components/">
<link rel="import" href="polymer/polymer.html">
<link rel="import" href="paper-icon-button/paper-icon-button.html">
<link rel="import" href="paper-menu/paper-menu.html">
<link rel="import" href="paper-item/paper-item.html">
<link rel="import" href="paper-menu-button/paper-menu-button.html">
<link rel="import" href="iron-icons/iron-icons.html">

<dom-module id="x-foo">
  <template>
    <paper-menu-button>
    <paper-icon-button icon="more-vert" class="dropdown-trigger"></paper-icon-button>
    <paper-menu class="dropdown-content" role="menu">
      <paper-item>Clear all</paper-item>
      <paper-item>Open downloads folder</paper-item>
    </paper-menu> 
    </paper-menu-button>
  </template>
</dom-module>

<x-foo></x-foo>

JavaScript

Polymer({
  is: 'x-foo',
  properties: {
  },
  ready: function() {
  },
});