Ionic3 Slide To Delete Button

Ionic Framework ionic-v3
1

I have a list of items displayed on my page as buttons and would like to be able to slide an item to delete it.

The docs say to use ion-item-sliding and ion-item-options but these seem to only work on ion-items. Is there a way to have a sliding feature for a button as well, or do I just have to turn the buttons into clickable items?

Html:

<ion-content padding>
    <h3>My Classes</h3>
  <ion-list>
    <button ion-item *ngFor="let className of classList" (click)="selectClass(className)">
      <h4>{{ className.name }}</h4>
    </button>
  </ion-list>
</ion-content>
2

As you said, it only works properly with ion-item, you will need to change the ion-item to conform the design you want and set the methods in this ion-item element.