ui
ui copied to clipboard
feat: expose canScrollPrev and canScrollNext with carousel render prop
this pr add the functionality to conditionally render navigation button without calling the useCarousel hook externally.
<Carousel>
{({ canScrollNext, canScrollPrev }) => (
<>
<CarouselContent>
<CarouselItem>Slide 1</CarouselItem>
<CarouselItem>Slide 2</CarouselItem>
</CarouselContent>
{canScrollPrev && <CarouselPrevious />}
{canScrollNext && <CarouselNext />}
</>
)}
</Carousel>