diff --git a/src/tutorial-form/index.vue b/src/tutorial-form/index.vue
index 8ce532e..185f996 100644
--- a/src/tutorial-form/index.vue
+++ b/src/tutorial-form/index.vue
@@ -140,7 +140,7 @@ onMounted(() => {
             v-if="attributes?.name"
             :preserve="false"
             name="confirmName"
-            type="toggle"
+            type="checkbox"
             thumb-icon="star"
             :value="true"
             :label="`如果清空 name 输入框，这个确认框及其值将被移除。`"
@@ -218,6 +218,11 @@ onMounted(() => {
 
       <pre class="font-mono text-sm p-4 bg-slate-100 mb-4 dark:bg-gray-900 ">{{ value }}</pre>
 
+      <div class="bg-gray-100 p-4 rounded-xl dark:bg-gray-800">
+        <h2 class="font-bold text-lg mb-4 color:gray-800 dark:text-white">Pro Inputs</h2>
+        <FormKit type="toggle" />
+      </div>
+
     </FormKit>
   </div>
 </template>