I have been working on implementing an ion-list with swipable ion-items that do not need to be clicked on the side to trigger an event.
The functionality I am aiming for is similar to the default contacts app on Samsung phones, where a left swipe calls and a right swipe sends an SMS.
This is how the list appears in the parent page:
<ion-list *ngFor="let person of persons | filter:searchTerm">
<app-person-entry [person]="person" (click)="openModal(person)"></app-person-entry>
</ion-list>
This is what the person-entry component looks like:
<ion-item>
<ion-avatar slot="start">
<img src={{person.icon}}>
</ion-avatar>
<div>
<div class="container">
<ion-label>{{person.lastname}}</ion-label>
<ion-label>{{person.firstname}}</ion-label>
</div>
<div class="container">
<ion-label>{{person.postalCode}}</ion-label>
<ion-label>{{person.city}}</ion-label>
<ion-label>{{person.address}}</ion-label>
</div>
</div>
</ion-item>