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>