add material-ui example

Author: rmorshea

Diff for: docs/Dockerfile

@@ -24,7 +24,7 @@ ADD README.md ./
 ADD idom/client/static/favicon.ico ./
 
 RUN pip install -e .[all]
-RUN python -m idom install victory semantic-ui-react
+RUN python -m idom install victory semantic-ui-react @material-ui/core
 
 # Build the Docs
 # --------------

Diff for: docs/source/examples.rst

@@ -194,6 +194,30 @@ you're using a Jupyter Notebook you would display it in multiple cells like this
     widget  # this is out second view
 
 
+Material UI Slider
+------------------
+
+Assuming you already installed ``@material-ui/core`` as in the :ref:`Install Javascript Modules` section:
+
+.. literalinclude:: examples/material_ui_slider.py
+
+Move the slider and see the event information update 👇
+
+.. interactive-widget:: material_ui_slider
+
+
+Semantic UI Buttons
+-------------------
+
+Assuming you already installed ``semantic-ui-react`` as in the :ref:`Install Javascript Modules` section:
+
+.. literalinclude:: examples/primary_secondary_buttons.py
+
+Move the slider and see the event information update 👇
+
+.. interactive-widget:: primary_secondary_buttons
+
+
 .. Links
 .. =====
 

Diff for: docs/source/examples/material_ui_slider.py

@@ -0,0 +1,38 @@
+import json
+
+import idom
+
+
+material_ui = idom.Module("@material-ui/core")
+Slider = material_ui.Import("Slider")
+
+material_ui_style = idom.html.link(
+    {
+        "rel": "stylesheet",
+        "href": "https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap",
+    }
+)
+
+
+@idom.element
+def SliderOnPaper():
+    event, set_event = idom.hooks.use_state(None)
+
+    return idom.html.div(
+        material_ui_style,
+        Slider(
+            {
+                "color": "primary",
+                "step": 10,
+                "min": 0,
+                "max": 100,
+                "defaultValue": 50,
+                "valueLabelDisplay": "auto",
+                "onChange": lambda *event: set_event(event),
+            }
+        ),
+        json.dumps(event, indent=2),
+    )
+
+
+display(SliderOnPaper)

Diff for: scripts/run_all_examples.py renamed to scripts/all_examples.py

@@ -0,0 +1,2 @@
+docker build -t foo -f docs/Dockerfile .
+docker run -it -p 5000:5000 --rm foo