Apply material design to ion-item

List items right now don’t have an effect when tapped, http://ionicframework.com/docs/v2/components/#lists how do I apply material design to them? I tried adding tappable to them, but not much change. Is something like ionicmaterial.com an eligible solution?

do like this <button ion-item (click)="action()"> text </button>

3 Likes

Seems to work. Thanks.
I wonder why <ion-item> itself doesn’t come with such effect.

I guess that it’s because <ion-item> is a very generic component which usually is used as a container for other elements that include plain text, images, input controls, etc… In most cases it’s not meant to be tapped. Therefore, when you need something that looks like a <ion-item> but functions like a button, you should use <button ion-item>, as @arsene123 suggested.