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
  3ebf1774_ea9c_1355_c14f_91d89aa72384["useCarousel()"]
  736f7ee1_27b9_e9b5_e0f3_5ccbcfe0a0bf["carousel.tsx"]
  3ebf1774_ea9c_1355_c14f_91d89aa72384 -->|defined in| 736f7ee1_27b9_e9b5_e0f3_5ccbcfe0a0bf
  343d33fd_5a8b_a207_ede9_89142c4a0bfb["CarouselContent()"]
  343d33fd_5a8b_a207_ede9_89142c4a0bfb -->|calls| 3ebf1774_ea9c_1355_c14f_91d89aa72384
  a077a18b_62f8_5a9c_cfd2_f0cc1e225601["CarouselItem()"]
  a077a18b_62f8_5a9c_cfd2_f0cc1e225601 -->|calls| 3ebf1774_ea9c_1355_c14f_91d89aa72384
  4b187350_c091_fe85_8402_218c4f3097d5["CarouselPrevious()"]
  4b187350_c091_fe85_8402_218c4f3097d5 -->|calls| 3ebf1774_ea9c_1355_c14f_91d89aa72384
  4a918d1c_5084_59d8_5760_346040847cf2["CarouselNext()"]
  4a918d1c_5084_59d8_5760_346040847cf2 -->|calls| 3ebf1774_ea9c_1355_c14f_91d89aa72384
  style 3ebf1774_ea9c_1355_c14f_91d89aa72384 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/bases/base/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/base/ui/carousel.tsx.
Where is useCarousel() defined?
useCarousel() is defined in apps/v4/registry/bases/base/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