feat(demo): Add MultiStep sample

Author: sfxcode

dev/App.scss

@@ -12,7 +12,7 @@
   --multistep-color-border: var(--p-primary-color);
   --multistep-color-tab: var(--p-primary-active-color);
   --multistep-color-tab-active: var(--p-primary-color);
-  --multistep-color-success: var(--p-primary-color);
+  --multistep-color-success: #2b7a60;
   --multistep-color-danger: #ef9a9a;
   --multistep-color-tab-active-text: var(--p-button-primary-color);
   --multistep-color-tab-text: var(--p-button-primary-color);

dev/pages/samples/MultiStep.vue

@@ -48,6 +48,31 @@ const schema = reactive([
           },
         ],
       },
+      {
+        $formkit: 'step',
+        name: 'step3',
+        label: 'Step 3',
+        children: [
+
+          {
+            $formkit: 'primeInputText',
+            name: 'name',
+            label: 'Basic',
+            validation: 'required',
+
+          },
+          {
+            $formkit: 'primeInputText',
+            id: 'icon',
+            name: 'todo',
+            label: 'Todo',
+            help: '',
+            placeholder: 'todo',
+            iconPrefix: 'pi pi-check',
+            validation: 'required',
+          },
+        ],
+      },
     ],
   },
 ])