diff --git a/docs/angular/slides.md b/docs/angular/slides.md index 1d9efbc2bcc..b0097e771b5 100644 --- a/docs/angular/slides.md +++ b/docs/angular/slides.md @@ -244,10 +244,10 @@ Let's say in an app with `ion-slides` we used the `ionSlideDidChange` event: ``` -To migrate, we would change the name of the event to `slidechange`: +To migrate, we would change the name of the event to `swiperslidechange`: ```html - + Slide 1 Slide 2 Slide 3 @@ -256,27 +256,27 @@ To migrate, we would change the name of the event to `slidechange`: Below is a full list of event name changes when going from `ion-slides` to Swiper Angular: -| ion-slides Event | Swiper Event | -| ------------------------- | ---------------------------- | -| `ionSlideWillChange` | `slidechangetransitionstart` | -| `ionSlideDidChange` | `slidechangetransitionend` | -| `ionSlideDoubleTap` | `doubletap` | -| `ionSlideDrag` | `slidermove` | -| `ionSlideNextStart` | `slidenexttransitionstart` | -| `ionSlideNextEnd` | `slidenexttransitionend` | -| `ionSlidePrevStart` | `slideprevtransitionstart` | -| `ionSlidePrevEnd` | `slideprevtransitionend` | -| `ionSlideReachStart` | `reachbeginning` | -| `ionSlideReachEnd` | `reachend` | -| `ionSlideTap` | `tap` | -| `ionSlideTouchStart` | `touchstart` | -| `ionSlideTouchEnd` | `touchend` | -| `ionSlideTransitionStart` | `transitionstart` | -| `ionSlideTransitionEnd` | `transitionend` | -| `ionSlidesDidLoad` | `init` | +| ion-slides Event | Swiper Event | +| ------------------------- | ---------------------------------- | +| `ionSlideWillChange` | `swiperslidechangetransitionstart` | +| `ionSlideDidChange` | `swiperslidechange` | +| `ionSlideDoubleTap` | `swiperdoubletap` | +| `ionSlideDrag` | `swiperslidermove` | +| `ionSlideNextStart` | `swiperslidenexttransitionstart` | +| `ionSlideNextEnd` | `swiperslidenexttransitionend` | +| `ionSlidePrevStart` | `swiperslideprevtransitionstart` | +| `ionSlidePrevEnd` | `swiperslideprevtransitionend` | +| `ionSlideReachStart` | `swiperreachbeginning` | +| `ionSlideReachEnd` | `swiperreachend` | +| `ionSlideTap` | `swipertap` | +| `ionSlideTouchStart` | `swipertouchstart` | +| `ionSlideTouchEnd` | `swipertouchend` | +| `ionSlideTransitionStart` | `swipertransitionstart` | +| `ionSlideTransitionEnd` | `swipertransitionend` | +| `ionSlidesDidLoad` | `swiperinit` | :::note -All events available in Swiper Element can be found at https://swiperjs.com/swiper-api#events. +All events available in Swiper Element can be found at https://swiperjs.com/swiper-api#events and should be lowercased and prefixed with the word `swiper`. ::: ## Methods