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