Home / Function/ useCarousel() — ui Function Reference

useCarousel() — ui Function Reference

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

Entity Profile

Dependency Diagram

graph TD
  89d66177_a2c8_f480_9a6a_b1da0d7adbbe["useCarousel()"]
  8bc8380a_deff_8ce1_5278_60cc3b26d9d7["carousel.tsx"]
  89d66177_a2c8_f480_9a6a_b1da0d7adbbe -->|defined in| 8bc8380a_deff_8ce1_5278_60cc3b26d9d7
  4c001ad0_a3c9_6ec7_6d40_dadcfcfc9a0f["CarouselContent()"]
  4c001ad0_a3c9_6ec7_6d40_dadcfcfc9a0f -->|calls| 89d66177_a2c8_f480_9a6a_b1da0d7adbbe
  7219c1a5_242a_8be8_732e_4c6279b22fa0["CarouselItem()"]
  7219c1a5_242a_8be8_732e_4c6279b22fa0 -->|calls| 89d66177_a2c8_f480_9a6a_b1da0d7adbbe
  32e303e1_9857_3f5d_59a0_80968c6f6501["CarouselPrevious()"]
  32e303e1_9857_3f5d_59a0_80968c6f6501 -->|calls| 89d66177_a2c8_f480_9a6a_b1da0d7adbbe
  f6bf2495_9f3e_0e26_6c15_90c691fc8e1a["CarouselNext()"]
  f6bf2495_9f3e_0e26_6c15_90c691fc8e1a -->|calls| 89d66177_a2c8_f480_9a6a_b1da0d7adbbe
  style 89d66177_a2c8_f480_9a6a_b1da0d7adbbe fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/bases/radix/ui/carousel.tsx lines 35–43

function useCarousel() {
  const context = React.useContext(CarouselContext)

  if (!context) {
    throw new Error("useCarousel must be used within a <Carousel />")
  }

  return context
}

Subdomains

Frequently Asked Questions

What does useCarousel() do?
useCarousel() is a function in the ui codebase, defined in apps/v4/registry/bases/radix/ui/carousel.tsx.
Where is useCarousel() defined?
useCarousel() is defined in apps/v4/registry/bases/radix/ui/carousel.tsx at line 35.
What calls useCarousel()?
useCarousel() is called by 4 function(s): CarouselContent, CarouselItem, CarouselNext, CarouselPrevious.

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free