Badges are small components that typically communicate a numerical value to the user. They are typically used within an item.
ในรูปใช้ Badge เน้นตัวเลข โดยสามารถกำหนดสีต่างๆได้
src/pages/home/home.html
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<ion-header> <ion-navbar> <ion-title> Ionic Blank </ion-title> </ion-navbar> </ion-header> <ion-content padding> <ion-icon name="logo-twitter" item-start></ion-icon> Followers <ion-badge item-end>260k</ion-badge> <ion-badge color="secondary">270k</ion-badge> <ion-badge color="danger">280k</ion-badge> </ion-content> |
Link