Slider Framework

Renato Corluka
September 17, 2024

The Slider Framework is a wrapper code for the Breakdance Builder that allows users to easily create and customize responsive sliders using the Swiper.js library. It integrates seamlessly, offering extensive options for layout, navigation, and effects, event for making highly customizable slider creation simple and flexible even for non-developers.

For developers we are providing code examples how you could use full Swiper.js API and connect it to Slider element.

Getting Started

Slider Framework Architecture

Understand Slider Framework

Advanced Slider Setup

Setup docs for Advanced Slider

Dynamic Slider Setup

Setup docs for Dynamic Slider

Components

Components overview

Here we go navigation docs

Magic attributes

Events

Accessibility

Overview

dasd

UX Guidlines

dasd

Autoplay

dasd

Bullet navigation

dasd

Pause/Play Controls

dasd

Previous/Next Controls

dasd

Examples

Autoplay
const scope = document.querySelector('.breakdance .bde-rich-text-393-105').previousElementSibling;
const swiper = scope.querySelector('.swiper').swiper;
swiper.params.autoplay.delay = 1000;
swiper.params.autoplay.reverseDirection = true;
swiper.autoplay.start();
    Headspin Logo
    1.2.3
    Built with
    Breakdance
    and
    Headspinui
    @ 2024 HeadspinUI. All rights reserved.