How to use the ionic2-material-icons in the ion-tab
ken1106 opened this issue · comments
How to use the ionic2-material-icons in the ion-tab ?
Hey @ken1106
Sorry there isn't a way to use it in ion-tabs at the moment. I will try to figure something out for the next release.
@ihadeed any updates on this? Thanks!
@ihadeed any updates on this? Tab Icons really add beauty to apps.
it works for me this way: @ken1106 @timotew @jamesdixon @ihadeed
use custome icon names
<ion-tabs> <ion-tab [root]="tab1Root" [tabTitle]="tab1Title" tabIcon="wallet"></ion-tab> <ion-tab [root]="tab2Root" [tabTitle]="tab2Title" tabIcon="bill"></ion-tab> <ion-tab [root]="tab3Root" [tabTitle]="tab3Title" tabIcon="account"></ion-tab> </ion-tabs>
tabs sass
.md-icon-font { font-family: 'Material Icons'; display: inline-block; } .ion-md-wallet:before{ @extend .md-icon-font; content: "\E850" } .ion-md-bill:before{ @extend .md-icon-font; content: "\e8b0" } .ion-md-account:before{ @extend .md-icon-font; content: "\e853" }
any update ?