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
  728b40a8_1519_1d4c_4336_b5b50e759783["useCarousel()"]
  f09ac3f5_020b_59bc_6922_56c2fb7083da["carousel.tsx"]
  728b40a8_1519_1d4c_4336_b5b50e759783 -->|defined in| f09ac3f5_020b_59bc_6922_56c2fb7083da
  7f5337ab_edff_ce65_7bec_42693646df58["CarouselContent()"]
  7f5337ab_edff_ce65_7bec_42693646df58 -->|calls| 728b40a8_1519_1d4c_4336_b5b50e759783
  c66aac9c_e8d6_51af_b691_254070ee5e65["CarouselItem()"]
  c66aac9c_e8d6_51af_b691_254070ee5e65 -->|calls| 728b40a8_1519_1d4c_4336_b5b50e759783
  b47c91ab_33e8_8a95_6084_a0055175a52c["CarouselPrevious()"]
  b47c91ab_33e8_8a95_6084_a0055175a52c -->|calls| 728b40a8_1519_1d4c_4336_b5b50e759783
  60799b33_3785_add3_7267_244c1698fe43["CarouselNext()"]
  60799b33_3785_add3_7267_244c1698fe43 -->|calls| 728b40a8_1519_1d4c_4336_b5b50e759783
  style 728b40a8_1519_1d4c_4336_b5b50e759783 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/base/ui-rtl/carousel.tsx lines 34–42

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/examples/base/ui-rtl/carousel.tsx.
Where is useCarousel() defined?
useCarousel() is defined in apps/v4/examples/base/ui-rtl/carousel.tsx at line 34.
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