textarea/input based on role in example components modal thing

src/view/modals.py

@@ -66,7 +66,11 @@ def edit_example(example, sense):
         color_class = ".example-component-" + role_txt
         
         left = [h("span" + color_class, {}, role_txt)]
-        middle = [h("input.example-component-text", {"props": {"type": "text", "value": component.text}}, "")]
+        
+        if component.role is None:
+            middle = [h("textarea.example-component-text", {"props": {"value": component.text}}, "")]
+        else:
+            middle = [h("input.example-component-text", {"props": {"type": "text", "value": component.text}}, "")]
         
         divs.append(h("div.flex.five.example-component", {}, [
             h("div.one-fifth", {}, left),