edbnedbn/ui
ComponentsMapsPDF
GitHub stars
Explorer
Get Started
Components

Carousel

Horizontal scroll carousel with navigation controls via Embla Carousel.

Componentsdocsembla-carousel/api

Installation

npx shadcn@latest add https://ui.edbn.me/api/analytics/registry/carousel.json

Manual

API Reference

Carousel

Container for the carousel. Built on Embla Carousel. Provides context for all child parts.

optsEmblaOptionsType

Embla Carousel options

pluginsEmblaPluginType[]

Embla Carousel plugins

orientation'horizontal' | 'vertical'
='horizontal'

Carousel direction

setApifunction

Callback receiving the carousel API

classNamestring

CSS class name

CarouselContent

Contains the carousel slides. Renders a div element.

classNamestring

CSS class name

CarouselItem

An individual slide in the carousel.

classNamestring

CSS class name

CarouselPrevious

Button that scrolls to the previous slide.

classNamestring

CSS class name

variantstring
='outline'

Button variant

sizestring
='icon'

Button size

CarouselNext

Button that scrolls to the next slide.

classNamestring

CSS class name

variantstring
='outline'

Button variant

sizestring
='icon'

Button size