JSFiddle - React, Tailwind, and code Playground

by damyanpetev

HTML

<script src="http://igniteui.com/js/modernizr.min.js"></script>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script>
<script src="http://cdn-na.infragistics.com/igniteui/latest/js/infragistics.core.js"></script>
<script src="http://cdn-na.infragistics.com/igniteui/latest/js/infragistics.lob.js"></script>
<link href="http://cdn-na.infragistics.com/igniteui/latest/css/themes/infragistics/infragistics.theme.css" rel="stylesheet"></link>
<link href="http://cdn-na.infragistics.com/igniteui/latest/css/structure/infragistics.css" rel="stylesheet"></link>

<input id="numericEditor" />
<input id="percentEditor" />
<input id="currencyEditor" />

JavaScript

$(function() {
  $(document).ready(function() {
    $("#numericEditor").igNumericEditor({
      buttonType: "spin,clear",
      scientificFormat: "E",
      value: 24,
      dataMode: "double"
    });
    $("#percentEditor").igPercentEditor({
      buttonType: "spin",
      scientificFormat: "E",
      value: .24,
      dataMode: "double"
    });
    $("#currencyEditor").igCurrencyEditor({
      buttonType: "spin",
      scientificFormat: "E",
      value: 24,
      dataMode: "double"
    });

  });
});