Install

npx shadcn@latest add https://ui.stackzero.co/r/image-carousel-basic.json

Examples

Change thumbnail position

Hide thumbnails

Controlled

In some cases you might want to control the carousel from outside. For example, you might want to trigger a slide change when the user selects a different product variant and you want to show immediately the corresponding image.

You can control the carousel using selectedIndex and onSlideChange props.