Last updated 9 months ago
we are using Swiper to build this slider so all Swiper functions can be applied to the slider using native js buy use <x-splade-script> tag and you can use the slider like this
<x-splade-script>
<x-tomato-admin-slider class="w-full h-80" :images="$imagesTM ?? []" :horizontal="false" :items="1" :navigation="false" > @foreach($images as $image) <x-tomato-admin-slider-item zoom> <div class="flex justify-center"> <div class=" w-80 h-80"> <img src="{{$image}}" class="object-contain" /> </div> </div> </x-tomato-admin-slider-item> @endforeach </x-tomato-admin-slider>
this component uses Swiper