Easily configure Embla directly from the sidebar with a wide range of options to customize its behavior and appearance.
Embla Basic Settings
- Align – Adjusts how slides are positioned within the carousel.
- Start – Defines the initial position of the carousel.
- Animation Speed – Controls the transition speed (recommended values: 20-60).
- Infinite Loop – Enables seamless looping of slides.
- Drag Free – Allows unrestricted dragging without snapping to slides.
- Skip Snaps – Lets the carousel skip scroll snaps when dragged forcefully (ignored if Drag Free is enabled).
- Starting Slide – Set the initial slide index (0 = first slide).
- Slides to Scroll – Define how many slides move at once.
Autoplay Settings
- Delay (ms) – Set the time interval between automatic slide transitions (default: 3000ms).
- Stop on Interaction – Pause autoplay when the user interacts with the carousel.
- Stop on Mouse Enter – Pause autoplay when hovering over the carousel.
- Play on Init – Start autoplay automatically when the page loads.
- Stop on Last Snap – Halt autoplay when reaching the last slide.
Auto Scroll Settings
- Speed – Adjusts the continuous scrolling speed.
- Start Delay (ms) – Set a delay before auto-scrolling begins.
- Stop on Interaction – Pause scrolling when the user interacts with the carousel.
- Stop on Mouse Enter – Pause scrolling when hovering over the carousel.
- Play on Init – Enable auto-scrolling when the page loads.
