JSFiddle - React, Tailwind, and code Playground

HTML

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

<dom-module id="x-foo">
  <template>
    <div>
      Compare dragging the pip versus tapping a point on the slider.
    </div>
    <div>
      <paper-slider immediate-value="{{immediateValue}}" on-immediate-value-change="immediateValueChange"></paper-slider>
      Immediate value: [[immediateValue]]
    </div>
    <div id="report"></div>
  </template>
</dom-module>

<x-foo></x-foo>

JavaScript

Polymer({
  is: 'x-foo',
  immediateValueChange: function(e) {
    this.$.report.innerHTML += 'Immediate value changed! Immediate value is now ' + this.immediateValue + '<br>';
  }
});