Niklas/shadcn-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update switch.md

Browse Source 
Add documentation for thumb named slot
This commit is contained in:
Mohammed Essam Helewa 2024-10-16 20:28:44 +03:00 committed by GitHub
parent e63d5553e3
commit 06f8a2f3da
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 12 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
apps/www/src/content/docs/components/switch.md
View File

@ -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