When to use ion-label in a list?

0

I am doubtful about assembling a list, more specifically on the block:

  <ion-item>
    <ion-icon name="trash" item-start></ion-icon>
    <ion-label>Excluir definitivamente</ion-label>
    <ion-toggle checked="true"></ion-toggle>
  </ion-item>

My question is regarding the use of the ion-label element, is this element really necessary in this case? I tried to leave only the text, however the same ends up being hidden.

The full list:

  <ion-list>
    <ion-item-group>
      <ion-item-divider>Ajustes</ion-item-divider>
      <ion-item>
        <ion-icon name="trash" item-start></ion-icon>
        <ion-label>Excluir definitivamente</ion-label>
        <ion-toggle checked="true"></ion-toggle>
      </ion-item>
      <ion-item>
        <ion-icon name="options" item-start></ion-icon>
        <ion-label>Total de notas por grupo</ion-label>
        <ion-toggle checked="false"></ion-toggle>
      </ion-item>
    </ion-item-group>
    <ion-item-group>
      <ion-item-divider>Informações</ion-item-divider>
      <ion-item detail-push>
        <ion-icon name="stats" item-start></ion-icon>
        <ion-label (click)="openPage('StatisticsPage')">Estatísticas</ion-label>
      </ion-item>
      <ion-item detail-push>
        <ion-icon name="help-circle" item-start></ion-icon>
        <ion-label (click)="openPage('SupportPage')">Suporte</ion-label>
      </ion-item>
      <ion-item detail-push>
        <ion-icon name="information-circle" item-start></ion-icon>
        <ion-label (click)="openPage('AboutPage')">Sobre</ion-label>
      </ion-item>
      <ion-item detail-push>
        <ion-icon name="paper" item-start></ion-icon>
        <ion-label (click)="openPage('TermsOfUsePage')">Política de uso</ion-label>
      </ion-item>
    </ion-item-group>
  </ion-list>

Note: I'm using Ionic 3.20.0

    
asked by anonymous 25.09.2018 / 03:20

0 answers