Merge pull request #36 from formsible/long/form-style

Long/form style
formsible · Jan 15, 2025 · effb84c · effb84c
2 parents 8e50470 + 1ae3a3e
commit effb84c
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 2 deletions.
diff --git a/src/components/checkboxes/index.vue b/src/components/checkboxes/index.vue
@@ -35,6 +35,7 @@ const isRequired = computed(() =>
                     v-model="model"
                     :value="option.value"
                     :input-id="option.value"
+                    :disabled="option.disabled"
                     v-bind="{ ...$attrs, ...props.input.props }"
                 />
                 <label :for="option.value">{{ option.label }}</label>

diff --git a/src/manifest.json b/src/manifest.json
@@ -146,9 +146,17 @@
                         "description": "Select one or more options.",
                         "placeholder": "Choose options",
                         "choices": [
-                            { "label": "Option 1", "value": "option1" },
+                            {
+                                "label": "Option 1",
+                                "value": "option1",
+                                "disabled": true
+                            },
                             { "label": "Option 2", "value": "option2" }
-                        ]
+                        ],
+                        "defaultValue": "option1",
+                        "props": {
+                            "defaultValue": ["option1"]
+                        }
                     }
                 }
             }

diff --git a/src/types/input.ts b/src/types/input.ts
@@ -21,6 +21,7 @@ export interface IFile {
 export interface InputChoice {
     label: string // Display label for the choice
     value: string // Value associated with the choice
+    disabled: boolean
     src: string // Source path or URL related to the choice
 }