Delete button in a list item

So, I need a button to slide the item that appears to remove the item from the list. What I look for in codepen but I have not been able to replicate D:

You need something like that? :

Share your code if you need more help.

1 Like

Yes, i need this. I’ll leave the code of my list because I can not get to do this.

<ion-view title='{{title}}'>
    <ion-list show-delete="data.showDelete" show-reorder="data.showReorder">
      <ion-item ng-show="!groups.length" style="border-color: transparent;">
      No tienes corredores asociados
      <ion-item  ng-show="resultados.length" ng-repeat="group in groups" item="task" style="border-color: transparent;">
      <div class="ion-close-circled" style="color: red;position: absolute;z-index: 2000;right: 20px;top: 20px;" ng-click="onItemDelete($index)"></div>
      <a class="item item-avatar" ng-click="toggleGroup(group,,$index)" ng-class="{active: isGroupShown(group)}">
        <img src="img/icon_user.png">
        <p>Número corredor : {{group.bib}}</p>
        <p>Ciudad : {{}}</p>
        <i class="icon" ng-class="isGroupShown(group) ? 'ion-minus' : 'ion-plus'"></i>
     <ion-item class="item-accordion" ng-show="isGroupShown(group)" ng-repeat="datos in group.items">
            <div id="datosParticipante" class="datagrid" style="margin-top:10px;">
            <table style="width:100%">
                <tr ng-repeat="dato in datos">
      <center style="margin-top:20px;">
        <button class="button button-positive" style="background-color: #ff6702;color: #FFF;font-family: Entel_2;border-color: #ff6702;" ng-click="verResultados(group.bib)">
          Ver _resultadOs oficiales }