Function CarouselContent

components/application/carousel/carousel-base.tsx:153–161

({ className, overflowHidden = true, ...props }: CarouselContentProps)

}

const CarouselContent = ({ className, overflowHidden = true, ...props }: CarouselContentProps) => {
    const { carouselRef, orientation } = useCarousel();

    return (
        <div ref={carouselRef} className={cx("h-full w-full", overflowHidden && "overflow-hidden")}>
            <div className={cx("flex max-h-full", orientation === "horizontal" ? "" : "flex-col", className)} {...props} />
        </div>
    );
};

const CarouselItem = ({ className, ...props }: ComponentPropsWithRef<"div">) => {
    return <div role="group" aria-roledescription="slide" className={cx("min-w-0 shrink-0 grow-0 basis-full", className)} {...props} />;