From 03df1771a55597d8f42e9f673657d047a92b59d7 Mon Sep 17 00:00:00 2001
From: Mohammed Helaiwa <eng.helewa@gmail.com>
Date: Sat, 26 Oct 2024 20:23:08 +0300
Subject: [PATCH] Add documentation for switch thumb slot

---
 apps/www/src/content/docs/components/switch.md | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/apps/www/src/content/docs/components/switch.md b/apps/www/src/content/docs/components/switch.md
index d1dbfd08..4fed6345 100644
--- a/apps/www/src/content/docs/components/switch.md
+++ b/apps/www/src/content/docs/components/switch.md
@@ -48,6 +48,19 @@ import { Switch } from '@/components/ui/switch'
 </template>
 ```
 
+# Add icon inside switch thumb
+
+```vue
+<template>
+  <Switch :checked="isDark" @update:checked="toggleTheme">
+      <template #thumb>
+          <Icon v-if="isDark" icon="lucide:moon" class="size-3"></Icon>
+          <Icon v-else icon="lucide:sun" class="size-3"></Icon>
+      </template>
+  </Switch>
+</template>
+```
+
 ## Examples
 
 ### Form