From 06f8a2f3da74ad67eeb539ca4d904b1670985536 Mon Sep 17 00:00:00 2001
From: Mohammed Essam Helewa <eng.helewa@gmail.com>
Date: Wed, 16 Oct 2024 20:28:44 +0300
Subject: [PATCH] Update switch.md

Add documentation for thumb named slot
---
 apps/www/src/content/docs/components/switch.md | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/apps/www/src/content/docs/components/switch.md b/apps/www/src/content/docs/components/switch.md
index d1dbfd08..f10f80ca 100644
--- a/apps/www/src/content/docs/components/switch.md
+++ b/apps/www/src/content/docs/components/switch.md
@@ -47,6 +47,18 @@ import { Switch } from '@/components/ui/switch'
   <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