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

Long/form style

Author: tewnut

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>

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"]
+                        }
                     }
                 }
             }

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
 }