Sliding cards in ionic?

Ionic Framework ionic-v3
1

I want to add a sliding card functionality, like a left or right slides by user to show corresponding cards.
Is there any component made for it already?
I am using ionicv3, thanks and regards.

1 Like
2

Hi did you get anything for this?

3

Hi, @akshatbhargava123
try below code

<ion-slides>
  <ion-slide>
   <ion-card>
    <img src="img/card-saopaolo.png"/>
    <div class="card-title">São Paulo</div>
    <div class="card-subtitle">41 Listings</div>
  </ion-card>
  </ion-slide>
  <ion-slide>
    <ion-card>
    <img src="img/card-amsterdam.png"/>
    <div class="card-title">Amsterdam</div>
    <div class="card-subtitle">64 Listings</div>
  </ion-card>
  </ion-slide>
  <ion-slide>
   <ion-card>
    <img src="img/card-sf.png"/>
    <div class="card-title">San Francisco</div>
    <div class="card-subtitle">72 Listings</div>
  </ion-card>
  </ion-slide>
</ion-slides>

thanks

2 Likes