From c63ab547fe1b18badd1b1e198954e379be97bffd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=A5=E6=B5=A9?= <me@yanhao.ren>
Date: Thu, 21 Nov 2024 15:07:48 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=9B=B4=E6=96=B0=20tutorial-form=20?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=EF=BC=8C=E5=B0=86=E5=88=87=E6=8D=A2=E7=B1=BB?=
 =?UTF-8?q?=E5=9E=8B=E4=BB=8E=20toggle=20=E4=BF=AE=E6=94=B9=E4=B8=BA=20che?=
 =?UTF-8?q?ckbox=EF=BC=8C=E5=B9=B6=E6=B7=BB=E5=8A=A0=20Pro=20Inputs=20?=
 =?UTF-8?q?=E9=83=A8=E5=88=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/tutorial-form/index.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

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>