Carousel

A horizontal carousel with previous and next controls. Slides can be swiped with a pointer or navigated with the arrow keys while focused.

Set orientation to vertical to scroll slides up and down. Give CarouselContent an explicit height and size the items with basis utilities to show multiple slides at once.

Pass a setApi callback to receive the Embla API instance and build custom controls, such as dot indicators and a slide counter driven by the select event.

Slides accept any content, including interactive elements like buttons. This example combines looping via opts with multiple items per view using basis utilities.