diff --git a/src/all-custom/all-custom.vue b/src/all-custom/all-custom.vue
index 29ccdf0..ac22c9a 100644
--- a/src/all-custom/all-custom.vue
+++ b/src/all-custom/all-custom.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { FormKitNode } from '@formkit/core';
-import { text } from '@formkit/inputs';
+import { text, group } from '@formkit/inputs';
 import Swal from 'sweetalert2';
 
 async function submit(formData: Record<string, any>, formNode: FormKitNode) {
@@ -78,13 +78,6 @@ async function submit(formData: Record<string, any>, formNode: FormKitNode) {
         </template> -->
       </FormKit>
 
-      <Button
-        label="Button"
-        @click="() => {
-          value!.button = value!.button || {};
-          (value!.button as any).clicked = 'clicked';
-        }"
-      />
 
       <FormKit
         type="group"
@@ -108,6 +101,15 @@ async function submit(formData: Record<string, any>, formNode: FormKitNode) {
         </FormKit>
       </FormKit>
 
+      <Button
+        label="Button"
+        @click="() => {
+          value!.button = value!.button || {};
+          (value!.button as any).clicked = 'clicked';
+          (value!.group as any)['text-in-group-1'] = 'changed-by-button';
+        }"
+      />
+
       <pre class="font-mono text-sm p-4 bg-slate-100 dark:bg-gray-900 overflow-x-auto rounded-md shadow-inner dark:text-gray-300
       ">{{ value }}</pre>
       <!-- <FormKitSummary /> -->