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://igniteui.com/js/angular.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>
<script src="http://cdn-na.infragistics.com/igniteui/latest/js/extensions/igniteui-angular.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>
<link href="http://igniteui.com/css/bootstrap/bootstrap.min.css" rel="stylesheet"></link>

<div ng-app="sampleApp" ng-controller="editorsController">
        <table id="" class="table table-striped table-hover">
            <thead>
                <tr>
                    <th>Control Name</th>
                    <th>HTML Element</th>
                    <th>Ignite UI Controls</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>igCurrencyEditor</td>
                    <td><input class="form-control" type="number" ng-model="editors.currency"></input></td>
                    <td><ig-currency-editor class="form-control" ng-model="editors.currency"></ig-currency-editor></td>
                </tr>
                <tr>
                    <td>igDateEditor</td>
                    <td><input class="form-control" type="text" ng-model="editors.date"></input></td>
                    <td><ig-date-editor class="form-control" ng-model="editors.date"></ig-date-editor></td>
                </tr>
                <tr>
                    <td>igMaskEditor</td>
                    <td><input class="form-control" type="text"...

JavaScript

$(function () {
var sampleApp = angular.module('sampleApp', ['igniteui-directives']);
        sampleApp.controller('editorsController', function ($scope) {
            $scope.editors = {
                currency: 12.1,
                date: new Date(),
                editor: 'Infragistics',
                mask: '134-134-134',
                numeric: 123,
                percent: 0.12,
                text: 'Ignite UI'
            };
        });
});