JSFiddle - React, Tailwind, and code Playground

by Valentin Sarychev

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.8/angular.js"></script>
<link rel="stylesheet" href="https://cdn.rawgit.com/lumapps/lumX/v0.3.96/dist/lumx.css">
<script src="https://cdn.rawgit.com/lumapps/lumX/v0.3.96/dist/lumx.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/velocity/1.2.3/velocity.js"></script>
<lx-text-field label="lx-text-field label">
  <input type="text" ng-model="text">
</lx-text-field>

<lx-select ng-model="selected" placeholder="lx-select label" choices="choices" floating-label>
  <lx-select-selected>
    {{ $selected.x }}
  </lx-select-selected>
  <lx-select-choices>
    {{ $choice.x }}
  </lx-select-choices>
</lx-select>

JavaScript

var m = angular.module('app', ['lumx']);

m.run(function($rootScope) {
  $rootScope.text = 'text 1';
  $rootScope.choices = [{x: 'text 2'}, {x: 'text 3'}];
  $rootScope.selected = $rootScope.choices[0];
});

angular.bootstrap(document, [m.name]);