🚨 Note!

• Any plugins you intend to use with this version also has to be v7.0.0-rc03.
• ⭐ v7 feature specification - Click here

🛠️ Bugfixes

• [x] #332 Stale plugin options

---

Donations

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project, please consider:

• One-off donation via PayPal
• One-off/monthly donations via Ko-fi

---

Full Changelog: https://github.com/davidjerleke/embla-carousel/compare/v7.0.0-rc01...v7.0.0-rc03

🚨 Note!

• Any plugins you intend to use with this version also has to be v7.0.0-rc01.

🌟 New features:

• [x] #322 - Breakpoints option
• [x] #327 - Expose plugin API:s from the Embla API
• [x] #329 - Active option
• [x] #330 - New option value: slidesToScroll: auto
• [x] #305 - React 18 Support

➡️ Changes

• [x] #331 - containScroll: Account for edge spacing
• [x] #60 - The transform unit has changed from % to px. As a result, the position: relative style on the slides needed for loop carousels to work is not necessary anymore.

🛠️ Bugfixes

• [x] #285 - Non-visible slides when using CSS grid in combination with loop: true
• [x] #317 - Embla + Framer Motion + Flubber makes slides "disappear"

💥 Breaking Changes

• [x] #327 - Expose plugin API:s from the Embla API

❌ Features removed

• [x] Pseudo options

---

Donations

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project, please consider:

• One-off donation via PayPal
• One-off/monthly donations via Ko-fi

🌟 New features:

Adds the ability to set global options. Solves #175.

---

Donations

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project, please consider:

• One-off donation via PayPal
• One-off/monthly donations via Ko-fi

🌟 New features:

Adds the playOnInit option to the embla-carousel-autoplay plugin.

🛠️ Bugfixes

• #271
• #272

---

Donations

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project, please consider:

• One-off donation via PayPal
• One-off/monthly donations via Ko-fi

🌟 New features:

Adds the Auto Height plugin to NPM. Solves #113.

• Plugin page

---

Donations

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project, please consider:

• One-off donation via PayPal
• One-off/monthly donations via Ko-fi

🌟 New features:

Adds the Class Names plugin to NPM. Solves #239.

• Plugin page

---

Donations

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project, please consider:

• One-off donation via PayPal
• One-off/monthly donations via Ko-fi

🛠️ Bugfixes

• #238

---

Donations

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project, please consider:

• One-off donation via PayPal
• One-off/monthly donations via Ko-fi

🌟 New features:

• [x] #230 - Plugin system

New plugins:

• [x] Autoplay

Deprecated options:

• [x] selectedClass
• [x] draggableClass
• [x] draggingClass

Default option values that have changed:

• [x] skipSnaps: true --> false

Renamed methods:

• [x] dangerouslyGetEngine --> internalEngine

Browser support changes:

• [x] Dropping IE11 support. You can easily add it back by following this step in the docs.

New internal behaviour: (postponed to later release)

• [ ] The transform unit will change from % to px. A side effect of this will be that the position: relative needed for loop carousels won't be necessary anymore.

---

Donations

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project, please consider:

• One-off donation via PayPal
• One-off/monthly donations via Ko-fi

Added the missing nodeAuthToken to the .yarnrc file.

Note! This major release comes with breaking changes for React users only ⚛️!

✅ The new, correct way to use Embla with React from v5.0.0 and up:

import useEmblaCarousel from 'embla-carousel-react'

❌ This won't work anymore:

import { useEmblaCarousel } from 'embla-carousel/react'

🌟 Improvements

• Migration from Yarn 1 --> Yarn 2 comes with a lot of great monorepo improvements.
• The react version of Embla Carousel is now its own dedicated package.

🛠️ Bugfixes

This release solves the Webpack 4 UMD module window issue.

⚠️ Breaking changes

Options name changes:

• groupSlides --> slidesToScroll

API method name changes:

• hasPreviousIndex() --> canScrollPrevious()
• hasNextIndex() --> canScrollNext()

API removed methods:

• isLastIndex()
• isFirstIndex()

• Added getContainer()
• Added getSlides()

Added missing selectedIndex() method to README.