Carousel
The carousel is a slideshow for cycling through a series of content. It works with a series of images, text, or custom markup. It also includes support for previous/next controls and indicators.
Installation
CLI
Manual
Basic
View
Code
Collections
View
Code
Vintage Leather Jacket
Classic brown leather jacket, perfect for a stylish retro look.
Wireless Bluetooth Headphones
Experience high-quality sound with these comfortable, noise-canceling headphones.
Organic Cotton T-Shirt
Soft and eco-friendly t-shirt made from 100% organic cotton.
Stainless Steel Water Bottle
Keep your drinks cold or hot with this durable, insulated water bottle.
Running Shoes
Lightweight and comfortable shoes designed for optimal performance.
Smartwatch
Stay connected and track your fitness with this sleek smartwatch.
Portable Charger
Never run out of battery with this high-capacity portable charger.
Orientation
View
Code
Options
View
Code
Autoplay
This a plugin by the embla-carousel it self, it's not included in the package, but you can install it to make sure the carousel autoplay.
Once you install it, you can use it with the plugins prop.
View
Code
Link
If you need a link in carousel item, simply add href prop to the Carousel.Item.
<Carousel.Item href="/path/to/page"/>API
You can use the carousel api to control the carousel.
View
Code