CarouselContent() — ui Function Reference

Architecture documentation for the CarouselContent() function in carousel.tsx from the ui codebase.

Function tsx ComponentRegistry ChartRegistry calls 1

Entity Profile

ComponentRegistry→ ChartRegistry→ CarouselContent() — ui Function Reference

Dependency Diagram

graph TD
  669e57a1_9bf1_1397_de33_51bd1cc50a3a["CarouselContent()"]
  6e062cf6_8484_b47c_befe_53e1b99f8534["carousel.tsx"]
  669e57a1_9bf1_1397_de33_51bd1cc50a3a -->|defined in| 6e062cf6_8484_b47c_befe_53e1b99f8534
  3dfa6bba_a5fa_1174_b60f_e55deefb7ee3["useCarousel()"]
  669e57a1_9bf1_1397_de33_51bd1cc50a3a -->|calls| 3dfa6bba_a5fa_1174_b60f_e55deefb7ee3
  style 669e57a1_9bf1_1397_de33_51bd1cc50a3a fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

deprecated/www/registry/default/ui/carousel.tsx lines 156–172

>(({ className, ...props }, ref) => {
  const { carouselRef, orientation } = useCarousel()

  return (
    <div ref={carouselRef} className="overflow-hidden">
      <div
        ref={ref}
        className={cn(
          "flex",
          orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col",
          className
        )}
        {...props}
      />
    </div>
  )
})