El primer paso es instalar sladio como dependencia
npm install sladio
En nuestro html debe asignar las siguientes clases
<div class="sladio">
<div class="sladio__container">
<div class="sladio__items">item0</div>
<div class="sladio__items">item1</div>
<div class="sladio__items">item2</div>
</div>
</div>
Tambien puede colocar un id en el elemento de manera explicita, si no lo hace sladio lo asignara de manera automatica, tenga en cuenta que este id es el que va en el objeto de configuracion
<div class="sladio" id="slider1">
//...
</div>
<aside>
💡 Si no coloca el contenedor sladio__container
sladio lo creará automaticamente y pondra todos los items dentro de este
</aside>
Una vez descargado y con las clases asignadas cremos una instancia de sladio
const slider = new Sladio()
<aside> 💡 Sladio recibe como primer y unico parametro su objeto de configuracion, si no detecta uno automaticamente setea uno por defecto
</aside>
navigation: {
dragAndDrop: true,
orientation: 'horizontal',
infinity: false,
buttons: {
active: false,
},
}