docs(FieldChecklist): add documentation

Author: kevinkosterr

apps/docs/.vitepress/config.js

@@ -54,6 +54,7 @@ export default defineConfig({
         items: [
           { text: 'FieldButton', link: '/guide/fields/FieldButton' },
           { text: 'FieldCheckbox', link: '/guide/fields/FieldCheckbox' },
+          { text: 'FieldChecklist', link: '/guide/fields/FieldChecklist' },
           { text: 'FieldColor', link: '/guide/fields/FieldColor' },
           { text: 'FieldMask', link: '/guide/fields/FieldMask' },
           { text: 'FieldNumber', link: '/guide/fields/FieldNumber' },

apps/docs/components/examples/fields/FieldChecklistExample.vue

@@ -0,0 +1,29 @@
+<template>
+  permissions: <code>{{ form.model.permissions }}</code>
+  <vue-form-generator :schema="form.schema" :model="form.model" />
+</template>
+
+<script setup>
+import { ref } from 'vue'
+
+const form = ref({
+  model: {
+    permissions: []
+  },
+  schema: {
+    fields: [
+      {
+        name: 'activePermissions',
+        label: 'Active permissions',
+        model: 'permissions',
+        type: 'checklist',
+        options: [
+          { name: 'Manage warehouse', value: 'manageWarehouse' },
+          { name: 'Create orders', value: 'createOrders' },
+          { name: 'Manage orders', value: 'manageOrders' }
+        ]
+      }
+    ]
+  }
+})
+</script>

apps/docs/guide/fields/FieldChecklist.md

@@ -0,0 +1,34 @@
+# FieldChecklist
+> `FieldChecklist` is a field composed of multiple checkboxes where each checkbox has their own label and value
+
+### type `checklist`
+
+<script setup>
+import FieldChecklistExample from '/components/examples/fields/FieldChecklistExample.vue'
+</script>
+
+## Basic example
+::: details Code
+```js
+{
+    name: 'activePermissions',
+    label: 'Active permissions',
+    model: 'permissions',
+    type: 'checklist',
+    options: [
+        { name: 'Manage warehouse', value: 'manageWarehouse' },
+        { name: 'Create orders', value: 'createOrders' },
+        { name: 'Manage orders', value: 'manageOrders' }
+    ]
+}
+```
+:::
+<FieldChecklistExample />
+
+## Properties
+::: details Shared properties
+<!--@include: @/parts/shared-field-properties.md-->
+:::
+| Property | Default | Type       | Description        |
+|----------|---------|------------|--------------------|
+| options  | `[]`    | `Option[]` | Selectable options |