Ion-list with right side icon

I am trying to make a ion-list with clickable items. On the right side I would like to have a icon with its own (click) method. How do I achieve this?

Tried:

<ion-content>
    <ion-list>
        <ion-item>
            <ion-label routerLink="http://google.com">
                <h3>Item 1</h3>
            </ion-label>
            <ion-icon slot="end" name="add-outline" (click)="tmpFunc('Item 1')"></ion-icon>
        </ion-item>
    </ion-list>
</ion-content>

Biggest problem with this is that the “label” are getting a border when “add” is clicked:

Also another problem with this solution is that the clickable area is limited to the label which is smaller then the item.

1 post - 1 participant

Read full topic