update mmm.component docs

2 files changed, 34 insertions, 0 deletions

diff --git a/root/meta/mmm.component/dropdown_menu/text$lua -> mmm$component.lua b/root/meta/mmm.component/dropdown_menu/text$lua -> mmm$component.lua
new file mode 100644
index 0000000..12c1b53
--- /dev/null
+++ b/root/meta/mmm.component/dropdown_menu/text$lua -> mmm$component.lua
@@ -0,0 +1,17 @@
+local comp = require 'mmm.component'
+local e = comp.elements
+
+local color = comp.ReactiveVar 'red'
+
+return e.div {
+  e.div { 'test', style = color:map(function (bg)
+    return { padding = '1em', background = bg }
+  end) },
+  e.select {
+    onchange = function (_, e) color:set(e.target.value) end,
+
+    e.option 'red',
+    e.option 'green',
+    e.option 'blue',
+  },
+}
diff --git a/root/meta/mmm.component/dropdown_menu/text$moonscript -> mmm$component.moon b/root/meta/mmm.component/dropdown_menu/text$moonscript -> mmm$component.moon
new file mode 100644
index 0000000..a4f1e04
--- /dev/null
+++ b/root/meta/mmm.component/dropdown_menu/text$moonscript -> mmm$component.moon
@@ -0,0 +1,17 @@
+import ReactiveVar, text, elements from require 'mmm.component'
+import div, select, option from elements
+
+color = ReactiveVar 'white'
+
+div {
+  div 'test', style: color\map (background) ->
+    { padding: '1em', :background }
+
+  select {
+    onchange: (e) => color\set e.target.value
+
+    option 'white'
+    option 'red'
+    option 'green'
+  }
+}