---
category: display
---

# Carousel

Source: `components/ui/carousel.tsx`.

`Carousel` is a compound component. Its parts are exported **flat** (`CarouselContent`, not
`Carousel.Content`) and each is a separate top-level export of the bundle:

| Part | Props |
| --- | --- |
| `CarouselContent` | `React.ComponentProps<'div'>` |
| `CarouselItem` | `React.ComponentProps<'div'>` |
| `CarouselPrevious` | `React.ComponentProps<typeof Button>` |
| `CarouselNext` | `React.ComponentProps<typeof Button>` |

All parts accept `className` and are composed as children of `Carousel`.