update mmm.component docs

2 files changed, 30 insertions, 0 deletions

diff --git a/root/meta/mmm.component/text_input/text$lua -> mmm$component.lua b/root/meta/mmm.component/text_input/text$lua -> mmm$component.lua
new file mode 100644
index 0000000..9039e24
--- /dev/null
+++ b/root/meta/mmm.component/text_input/text$lua -> mmm$component.lua
@@ -0,0 +1,18 @@
+local comp = require 'mmm.component'
+local div, input, br = comp.elements.div, comp.elements.input, comp.elements.br
+
+local text = comp.ReactiveVar "your text here"
+
+return div{
+  input{
+    value = text:get(),
+    oninput = function (_, e)
+      text:set(e.target.value)
+    end,
+  },
+  br(),
+  input{
+    disabled = true,
+    value = text,
+  },
+}
diff --git a/root/meta/mmm.component/text_input/text$moonscript -> mmm$component.moon b/root/meta/mmm.component/text_input/text$moonscript -> mmm$component.moon
new file mode 100644
index 0000000..7678b1b
--- /dev/null
+++ b/root/meta/mmm.component/text_input/text$moonscript -> mmm$component.moon
@@ -0,0 +1,12 @@
+import ReactiveVar, elements from require 'mmm.component'
+import div, input, br from elements
+
+text = ReactiveVar "your text here"
+
+handler = (e) => text\set e.target.value
+
+div {
+  input value: text\get!, oninput: hander
+  br!
+  input disabled: true, value: text
+}