const embla = EmblaCarusel(emblaNode, {
loop: false, // --> 419px screens and down will produce the following outcome { loop: false }
breakpoints: {
'(min-width: 420px)': { align: 'start' }, // --> 420px screens and up will produce the following outcome { align: 'start', loop: false }
'(min-width: 768px)': { loop: true }, // --> 768px screens and up will produce the following outcome { align: 'start', loop: true }
}
});
An active option will be introduced so users can activate/deactivate their carousels depending on different screen sizes:
const embla = EmblaCarusel(emblaNode, {
active: true, // --> 767px screens and down will activate the carousel
breakpoints: {
'(min-width: 768px)': { active: false }, // --> 768px screens and up won't activate the carousel
}
});
Breakpoint and active options will work for plugins too.
Feature request is related to
Is your feature request related to an issue?
Describe the solution you'd like