ionic chip

Solutions on MaxInterview for ionic chip by the best coders in the world

showing results for - "ionic chip"
Luna
03 May 2018
1<ion-chip>
2  <ion-label>Button Chip</ion-label>
3  <ion-icon name="close-circle"></ion-icon>
4</ion-chip>
Sophie
30 Apr 2019
1<ion-chip>
2  <ion-label>Default</ion-label>
3</ion-chip>
4
5<ion-chip>
6  <ion-label color="secondary">Secondary Label</ion-label>
7</ion-chip>
8
9<ion-chip color="secondary">
10  <ion-label color="dark">Secondary w/ Dark label</ion-label>
11</ion-chip>
12
13<ion-chip>
14  <ion-icon name="pin"></ion-icon>
15  <ion-label>Default</ion-label>
16</ion-chip>
17
18<ion-chip>
19  <ion-icon name="heart" color="dark"></ion-icon>
20  <ion-label>Default</ion-label>
21</ion-chip>
22
23<ion-chip>
24  <ion-label>Button Chip</ion-label>
25  <ion-icon name="close-circle"></ion-icon>
26</ion-chip>
27
28<ion-chip>
29  <ion-icon name="pin" color="primary"></ion-icon>
30  <ion-label>Icon Chip</ion-label>
31  <ion-icon name="close"></ion-icon>
32</ion-chip>
33
34<ion-chip>
35  <ion-avatar>
36    <img src="https://gravatar.com/avatar/dba6bae8c566f9d4041fb9cd9ada7741?d=identicon&f=y">
37  </ion-avatar>
38  <ion-label>Avatar Chip</ion-label>
39  <ion-icon name="close-circle"></ion-icon>
40</ion-chip>