JSFiddle - React, Tailwind, and code Playground

by Karthik S

HTML

<link rel="stylesheet" href="https://rawgit.com/rzajac/angularjs-slider/master/dist/rzslider.css">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js"></script>
<script src="https://rawgit.com/rzajac/angularjs-slider/master/dist/rzslider.js"></script>
<div ng-app="myapp">
  <div ng-controller="TestController as vm">
    <p>Price: {{vm.priceSlider.value}}</p>    
    <rzslider rz-slider-model="vm.priceSlider.value" rz-slider-high="1000" rz-slider-options="vm.priceSlider.options"></rzslider>    
    <div>
      <pre>{{vm.priceSlider}}</pre>      
    </div>
  </div>
</div>

JavaScript

var myApp = angular.module('myapp', ['rzModule']);

myApp.controller('TestController', TestController);

function TestController() {
  var vm = this;

  vm.priceSlider = {
    value: undefined || 0,
    options: {
      floor: 0,
      ceil: 500,
      steps:100

    }
  }
}