diff --git a/dev/js/field.dev.js b/dev/js/field.dev.js
new file mode 100644
index 0000000..656aec9
--- /dev/null
+++ b/dev/js/field.dev.js
@@ -0,0 +1,52 @@
+'use strict';
+
+angular.module('ngXosLib')
+  .component('fieldTest', {
+    restrict: 'E',
+    bindings: {},
+    bindToController: true,
+    controllerAs: 'vm',
+    templateUrl: 'templates/field.dev.html',
+    controller: function () {
+      this.field1 = {
+        name: 'number-field',
+        field: {label: 'My Number Value:', type: 'number'},
+        model: 2
+      };
+
+      this.field2 = {
+        name: 'date-field',
+        field: {label: 'My Date Value:', type: 'date'},
+        model: new Date()
+      };
+
+      this.field3 = {
+        name: 'boolean-field',
+        field: {label: 'My Boolean Value:', type: 'boolean'},
+        model: true
+      };
+
+      this.field4 = {
+        name: 'email-field',
+        field: {label: 'My Email Value:', type: 'email'},
+        model: 'sample@domain.us'
+      };
+      this.field5 = {
+        name: 'Empty Object Field',
+        label: 'Empty Object Field',
+        type: 'object',
+        properties: {
+          foo: {
+            label: 'FooLabel:',
+            type: 'string',
+            validators: {
+              required: true
+            }
+          },
+          bar: {
+            type: 'number'
+          }
+        }
+      }
+    }
+  });
\ No newline at end of file