Ionic 4 button ion-item shows as normal button

Hello so I’ve been using the code that’s in the docs to make a page where there’s a searchbar and a list of items that should be clickable, it goes like this

<ion-searchbar (ionInput)="getItems($event)"></ion-searchbar>
    <button ion-item *ngFor="let item of items" (click)="itemSelected(item)">
      {{ item }}

Yet when I look at it on the app it shows the items like normal buttons, like this:

What am I doing wrong?

Actually fixed it. I was following the steps here:

But there seems to be an error with the documentation.

<button ion-item *ngFor="let item of items" (click)="itemSelected(item)">
      {{ item }}

wasn’t actually working but instead it should be:

<ion-item button *ngFor="let item of items" (click)="itemSelected(item)">
      {{ item }}

didnt work in ionic 4. any ideas?

It does work on v4.9. Side note: the detail arrow shows on iOS, not on MD.