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

feat: use slot fallback content

Browse Source 
so user could change navigation button icons
This commit is contained in:
sadeghbarati 2024-01-08 10:00:12 +03:30
parent 734079a1bc
commit 13c47ce50b
4 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
apps/www/src/lib/registry/default/ui/carousel/CarouselNext.vue
View File

@ -23,6 +23,8 @@ const { orientation, canScrollNext, scrollNext } = useCarousel()
variant="outline"
@click="scrollNext"
>
<ChevronRight class="h-4 w-4 text-white stroke-white" />
<slot>
<ChevronRight class="h-4 w-4 text-current" />
</slot>
</Button>
</template>

4
apps/www/src/lib/registry/default/ui/carousel/CarouselPrevious.vue
View File

@ -23,6 +23,8 @@ const { orientation, canScrollPrev, scrollPrev } = useCarousel()
variant="outline"
@click="scrollPrev"
>
<ChevronLeft class="h-4 w-4 text-white" />
<slot>
<ChevronLeft class="h-4 w-4 text-current" />
</slot>
</Button>
</template>

4
apps/www/src/lib/registry/new-york/ui/carousel/CarouselNext.vue
View File

@ -23,6 +23,8 @@ const { orientation, canScrollNext, scrollNext } = useCarousel()
variant="outline"
@click="scrollNext"
>
<ChevronRightIcon class="h-4 w-4 text-white stroke-white" />
<slot>
<ChevronRightIcon class="h-4 w-4 text-current" />
</slot>
</Button>
</template>

4
apps/www/src/lib/registry/new-york/ui/carousel/CarouselPrevious.vue
View File

@ -23,6 +23,8 @@ const { orientation, canScrollPrev, scrollPrev } = useCarousel()
variant="outline"
@click="scrollPrev"
>
<ChevronLeftIcon class="h-4 w-4 text-white" />
<slot>
<ChevronLeftIcon class="h-4 w-4 text-current" />
</slot>
</Button>
</template>