fix(docs): fixes partially the atoms-select data model

n8design · Dec 2, 2023 · 91cbc3c · 91cbc3c
1 parent ae89688
commit 91cbc3c
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 23 deletions.
diff --git a/htwoo-core/src/_patterns/atoms/input/select.hbs b/htwoo-core/src/_patterns/atoms/input/select.hbs
@@ -3,7 +3,9 @@
     <input type="text" id="hoo-select-input" class="hoo-select-text" aria-autocomplete="both"
         aria-controls="custom-select-list">
     {{> atoms-button-icon }}
-    {{>atoms-select-drop-down options=this.options ddToggleClass=this.ddToggleClass }}
+    {{#dropdown}}
+    {{>atoms-select-drop-down}}
+    {{/dropdown}}
     {{!-- <ul class="hoo-select-dropdown hidden-all">
         {{#each options }}
         <li data-value="{{ this.value }}" class="hoo-option">{{ this.key }}</li>

diff --git a/htwoo-core/src/_patterns/atoms/input/select.json b/htwoo-core/src/_patterns/atoms/input/select.json
@@ -2,27 +2,31 @@
     "button": {
         "iconname": "icon-arrow-down"
     },
-    "ddToggleClass": "hidden-all",
-    "options": [
-        {
-            "key": "Apple",
-            "value": "Apple",
-            "disabled": "is-disabled"
-        },
-        {
-            "key": "Lime",
-            "value": "Lime",
-            "disabled": ""
-        },
-        {
-            "key": "Banana",
-            "value": "Banana",
-            "disabled": ""
-        },
-        {
-            "key": "Orange",
-            "value": "Orange",
-            "disabled": ""
+    "dropdown": {
+        "select-options": {
+            "ddToggleClass": "hidden-all",
+            "options": [
+                {
+                    "key": "Apple",
+                    "value": "Apple",
+                    "disabled": "is-disabled"
+                },
+                {
+                    "key": "Lime",
+                    "value": "Lime",
+                    "disabled": ""
+                },
+                {
+                    "key": "Banana",
+                    "value": "Banana",
+                    "disabled": ""
+                },
+                {
+                    "key": "Orange",
+                    "value": "Orange",
+                    "disabled": ""
+                }
+            ]
         }
-    ]
+    }
 }