ion-item in ionic 5 code example

Example 1: ion item

<!-- Default Item -->
<ion-item>
  <ion-label>
    Item
  </ion-label>
</ion-item>

<!-- Item as a Button -->
<ion-item button (click)="buttonClick()">
  <ion-label>
    Button Item
  </ion-label>
</ion-item>

<!-- Item as an Anchor -->
<ion-item href="https://www.ionicframework.com">
  <ion-label>
    Anchor Item
  </ion-label>
</ion-item>

<ion-item color="secondary">
  <ion-label>
    Secondary Color Item
  </ion-label>
</ion-item>

Example 2: ionic item list

<ion-list>
  <ion-item>
  	<ion-label>Pokémon Yellow</ion-label>
  </ion-item>
  <ion-item>
  	<ion-label>Mega Man X</ion-label>
  </ion-item>
  <ion-item>
  	<ion-label>The Legend of Zelda</ion-label>
  </ion-item>
  <ion-item>
  	<ion-label>Pac-Man</ion-label>
  </ion-item>
  <ion-item>
  	<ion-label>Super Mario World</ion-label>
  </ion-item>
</ion-list>

Tags:

Html Example