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

Add documentation for switch thumb slot

Browse Source
This commit is contained in:
Mohammed Helaiwa 2024-10-26 20:23:08 +03:00
parent 93b1807371
commit 03df1771a5
1 changed files with 13 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -48,6 +48,19 @@ import { Switch } from '@/components/ui/switch'
</template> </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 ## Examples
### Form ### Form