Welcome UI - Swiper

10.1.0

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!, 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!, }, } (default)

{ autoplay: { duration: number; enabled: boolean; loop: boolean; }; navigation: { desktop: boolean; mobile: boolean; }; slides: { alignment: "default" | "center"; currentSlidesPerView: number; expandOnLargeScreens: boolean; gap: number; id: string; initialIndex: number; perView: { ...; }; }; }