Add documentation for switch thumb slot

2024-10-26 20:23:08 +03:00 · 2024-10-26 20:23:08 +03:00 · 03df1771a5
commit 03df1771a5
parent 93b1807371
1 changed files with 13 additions and 0 deletions
--- 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