diff --git a/dev/index.html b/dev/index.html
index e0cd09f..c47ac2d 100644
--- a/dev/index.html
+++ b/dev/index.html
@@ -28,15 +28,16 @@
   <script src="../bower_components/angular-chart.js/dist/angular-chart.js"></script>
   <script src="../bower_components/d3/d3.js"></script>
   <script src="../bower_components/angular-recursion/angular-recursion.js"></script>
+  <script src="../bower_components/angular-drag-and-drop-lists/angular-drag-and-drop-lists.js"></script>
   <!-- endbower -->
   <!-- inject:js -->
   <script src="/ui_components/ui-components.module.js"></script>
   <script src="/ui_components/smartComponents/smartTable/smartTable.component.js"></script>
   <script src="/ui_components/smartComponents/smartPie/smartPie.component.js"></script>
   <script src="/ui_components/dumbComponents/validation/validation.component.js"></script>
+  <script src="/ui_components/dumbComponents/table/table.component.js"></script>
   <script src="/ui_components/dumbComponents/pagination/pagination.component.js"></script>
   <script src="/ui_components/dumbComponents/form/form.component.js"></script>
-  <script src="/ui_components/dumbComponents/table/table.component.js"></script>
   <script src="/ui_components/dumbComponents/field/field.component.js"></script>
   <script src="/ui_components/dumbComponents/alert/alert.component.js"></script>
   <script src="/services/helpers/ui/label_formatter.service.js"></script>
diff --git a/dev/js/field.dev.js b/dev/js/field.dev.js
index 656aec9..1f59629 100644
--- a/dev/js/field.dev.js
+++ b/dev/js/field.dev.js
@@ -47,6 +47,26 @@
             type: 'number'
           }
         }
+      };
+
+      this.selectField = {
+        name: 'select',
+        label: 'Select field:',
+        type: 'select',
+        model: 1,
+        options: [
+          {id: 1, label: 'One'},
+          {id: 2, label: 'Two'},
+          {id: 3, label: 'Three'},
+        ]
       }
+
+      this.arrayField = {
+        name: 'array',
+        label: 'Array field:',
+        model: ['one', 'two', 'three'],
+        type: 'array',
+        options: ['one', 'two', 'three', 'four']
+      };
     }
   });
\ No newline at end of file
diff --git a/dev/templates/field.dev.html b/dev/templates/field.dev.html
index 2a24150..7e50a5e 100644
--- a/dev/templates/field.dev.html
+++ b/dev/templates/field.dev.html
@@ -3,3 +3,5 @@
 <xos-field ng-model="vm.field3.model" name="vm.field3.name" field="vm.field3.field"></xos-field>
 <xos-field ng-model="vm.field4.model" name="vm.field4.name" field="vm.field4.field"></xos-field>
 <xos-field ng-model="vm.field5.model" name="vm.field5.name" field="vm.field5"></xos-field>
+<xos-field ng-model="vm.selectField.model" name="vm.selectField.name" field="vm.selectField"></xos-field>
+<xos-field ng-model="vm.arrayField.model" name="vm.arrayField.name" field="vm.arrayField"></xos-field>