feat(Switch): handle loading and loadingIcon

Resolves #65
2026-01-27 02:10:40 +01:00 · 2024-03-26 15:48:16 +01:00
parent c9f09992b7
commit 8fd369372b
5 changed files with 58 additions and 26 deletions
--- a/playground/pages/switch.vue
+++ b/playground/pages/switch.vue
@@ -26,5 +26,16 @@ const checked = ref(false)
        checked-icon="i-heroicons-check-20-solid"
      />
    </div>
+    <div class="flex items-center gap-2 ml-[-36px]">
+      <USwitch
+        v-for="size in sizes"
+        :key="size"
+        v-model:checked="checked"
+        :size="(size as any)"
+        unchecked-icon="i-heroicons-x-mark-20-solid"
+        checked-icon="i-heroicons-check-20-solid"
+        loading
+      />
+    </div>
  </div>
 </template>