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

chore: add docs for slot props

Browse Source
This commit is contained in:
wasimTQ 2023-12-30 14:53:42 +05:30
parent 86da196930
commit 9f31e86f31
1 changed files with 14 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
apps/www/src/content/docs/components/carousel.md
View File

@ -216,6 +216,20 @@ const stop = watch(api, (api) => {
See the [Embla Carousel docs](https://www.embla-carousel.com/api/events/) for more information on using events. See the [Embla Carousel docs](https://www.embla-carousel.com/api/events/) for more information on using events.
## Slot Props
You can get the reactive slot props like `carouselRef, canScrollNext..Prev, scrollNext..Prev` using the `v-slot` directive in the `<Carousel v-slot="slotProps" />` component to extend the functionality.
```vue showLineNumbers {2}
<template>
<Carousel v-slot="{ canScrollNext, canScrollPrev }">
...
<CarouselPrevious v-if="canScrollPrev" />
<CarouselNext v-if="canScrollNext" />
</Carousel>
</template>
```
## Plugins ## Plugins
You can use the `plugins` prop to add plugins to the carousel. You can use the `plugins` prop to add plugins to the carousel.