diff --git a/demos/arrayeditable/index.html b/demos/arrayeditable/index.html
new file mode 100644
index 00000000..c49c54b3
--- /dev/null
+++ b/demos/arrayeditable/index.html
@@ -0,0 +1,11 @@
+
+
+
+ OxJS ArrayEditable Demo
+
+
+
+
+
+
\ No newline at end of file
diff --git a/demos/arrayeditable/js/arrayeditable.js b/demos/arrayeditable/js/arrayeditable.js
new file mode 100644
index 00000000..89972e30
--- /dev/null
+++ b/demos/arrayeditable/js/arrayeditable.js
@@ -0,0 +1,23 @@
+Ox.load('UI', function() {
+
+ var items = [
+ {editable: true, value: 'The firefox. jumps over the lazy fox.'},
+ {editable: true, value: 'The lazy fox jumps over the firefox.'}
+ ],
+ $box = Ox.Element()
+ .css({width: '256px', height: '512px', padding: '8px', background: 'rgb(224, 224, 224)'})
+ .appendTo(Ox.$body),
+ $arrayEditableInput = Ox.ArrayEditable({
+ items: items
+ })
+ .css({background: 'rgb(240, 240, 240)', boxShadow: '0 0 1px black'})
+ .appendTo($box),
+ $arrayEditableTextarea = Ox.ArrayEditable({
+ items: items,
+ maxHeight: 256,
+ type: 'textarea'
+ })
+ .css({marginTop: '8px', background: 'rgb(240, 240, 240)', boxShadow: '0 0 1px black'})
+ .appendTo($box);
+
+});
\ No newline at end of file