JSFiddle - React, Tailwind, and code Playground

HTML

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

    <style is="custom-style">
      paper-input-container {
        --paper-input-container-label: {
          color: inherit;
        };
      }
    </style>
    <div>Body is black, not grey.</div>
    <paper-input-container>
      <label id="prompt">Label</label>
      <input is="iron-input" bind-value="{{name}}">
    </paper-input-container>

JavaScript

Polymer({
  is: 'x-foo',
  properties: {
  	name: String,
    value: 'Praveen',
    observer: '_nameChanged'
  },
  ready: function() {
  },
  _nameChanged: function(){
  	alert('name changed');
  }
});