JSFiddle - React, Tailwind, and code Playground

by mgiuffrida

HTML

<base href="https://polygit.org/*+:master/components/">
<link rel="import" href="polymer/polymer.html">

<dom-module id="x-foo">
  <template>
    <template is="dom-if">
      <content></content>
    </template>
  </template>
</dom-module>

<x-foo>
  <x-loud-element id="loudElementCreatedImmediately"></x-loud-element>
</x-foo>

<template is="dom-if">
  <x-loud-element id="loudElementNeverCreated"></x-loud-element>
</template>

JavaScript

Polymer({
  is: 'x-foo',
});
Polymer({
  is: 'x-loud-element',
  created: function() {
    console.log(this.id + ' was created');
  },
});