Welcome UI - Swiper

10.1.5

Overview

Props

useSwiper

autoplay

{ duration?: number; enabled?: boolean; loop?: boolean; }

If true the swiper will automatically transition between slides

slides

{ alignment?: "default" | "center"; expandOnLargeScreens?: boolean; gap?: number; id?: string; initialIndex?: number; perView?: { desktop: number; mobile: number; tablet: number; }; }

Slide display and spacing configuration

{ autoplay: defaultOptions.autoplay!, navigation: defaultOptions.navigation!, slides: { alignment: defaultOptions.slides!.alignment!, currentPage: 0, currentSlidesPerView: defaultOptions.slides!.perView!.desktop, expandOnLargeScreens: defaultOptions.slides!.expandOnLargeScreens!, gap: defaultOptions.slides!.gap!, id: defaultOptions.slides!.id!, initialIndex: defaultOptions.slides!.initialIndex!, perView: defaultOptions.slides!.perView!, setCurrentPage: () => {}, }, } (default)

{ autoplay: { duration: number; enabled: boolean; loop: boolean; }; navigation: { desktop: boolean; mobile: boolean; }; slides: { alignment: "default" | "center"; currentPage: number; currentSlidesPerView: number; ... 5 more ...; setCurrentPage: Dispatch<...>; }; }