ion slide with cards animation

121 Views Asked by At

I have following code to swipe cards. Now I want to swipe the cards like Tinder.

How can I implement this in Angular with Ionic?

`<ion-content> <ion-slides [options]="{ slidesPerView: true, loop: true, preloadImages: true, lazy: false}"> <ion-slide *ngFor="let card of cards" >

  <ion-icon name="arrow-back"></ion-icon>
  
  <ion-card >
    <ion-img  [src]="card.img" alt="The Wisconsin State Capitol building in Madison, WI at night"></ion-img>
    <ion-card-header>
      <ion-card-title>{{card.title}}</ion-card-title>
      <ion-card-subtitle>{{card.description}}</ion-card-subtitle>
    </ion-card-header>
  
    
  </ion-card>

  <ion-icon name="arrow-forward"></ion-icon>

</ion-slide>

</ion-slides>

</ion-content>`

I want to have a Tinder Swipe in Angular and Ionic

0

There are 0 best solutions below