ionic reorder

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

showing results for - "ionic reorder"
Laura
04 Feb 2016
1<!-- Default reorder icon, end aligned items -->
2<ion-item>
3  <ion-label>
4    Item 1
5  </ion-label>
6  <ion-reorder slot="end"></ion-reorder>
7</ion-item>
8
9<ion-item>
10  <ion-label>
11    Item 2
12  </ion-label>
13  <ion-reorder slot="end"></ion-reorder>
14</ion-item>
15
16<!-- Default reorder icon, start aligned items -->
17<ion-item>
18  <ion-reorder slot="start"></ion-reorder>
19  <ion-label>
20    Item 3
21  </ion-label>
22</ion-item>
23
24<ion-item>
25  <ion-reorder slot="start"></ion-reorder>
26  <ion-label>
27    Item 4
28  </ion-label>
29</ion-item>
30
31<!-- Custom reorder icon end items -->
32<ion-item>
33  <ion-label>
34    Item 5
35  </ion-label>
36  <ion-reorder slot="end">
37    <ion-icon name="pizza"></ion-icon>
38  </ion-reorder>
39</ion-item>
40
41<ion-item>
42  <ion-label>
43    Item 6
44  </ion-label>
45  <ion-reorder slot="end">
46    <ion-icon name="pizza"></ion-icon>
47  </ion-reorder>
48</ion-item>
49
50<!-- Items wrapped in a reorder, entire item can be dragged -->
51<ion-reorder>
52  <ion-item>
53    <ion-label>
54      Item 7
55    </ion-label>
56  </ion-item>
57</ion-reorder>
58
59<ion-reorder>
60  <ion-item>
61    <ion-label>
62      Item 8
63    </ion-label>
64  </ion-item>
65</ion-reorder>