JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//www.polymer-project.org/components/platform/platform.js"></script>
<link rel="import" href="http://www.polymer-project.org/components/polymer/polymer.html">
<link rel="import" href="http://www.polymer-project.org/components/paper-input/paper-input.html">
    
<polymer-element name="app-element" attributes="foo">
	<template>
		<div>
			<paper-input inputValue="{{foo}}" label="static foo"></paper-input>
		</div>
			
		<div>
			<button on-click="{{createPaperInput}}">create paper-input</button>
		</div>

        <div id="dynamicFooPlaceHolder"></div>
	</template>
	<script>
			Polymer('app-element', {
				created: function() {
					this.foo = 123;
				},
				createPaperInput: function() {
					var c = this.$.dynamicFooPlaceHolder;
					c.innerHTML = '';
					var e = document.createElement('div');
					e.innerHTML = '<paper-input id="dynamicFoo" inputValue="{{foo}}" label="dynamic foo"></paper-input>';
					c.appendChild(e);
				}
			});
	</script>
</polymer-element>

<app-element id="app"></app-element>

CSS

html,body 
{
			height: 100%;
			font-family: 'RobotoDraft', sans-serif;
}