1<ion-list>
2 <ion-item>
3 <ion-range color="danger" pin="true"></ion-range>
4 </ion-item>
5
6 <ion-item>
7 <ion-range min="-200" max="200" color="secondary">
8 <ion-label slot="start">-200</ion-label>
9 <ion-label slot="end">200</ion-label>
10 </ion-range>
11 </ion-item>
12
13 <ion-item>
14 <ion-range min="20" max="80" step="2">
15 <ion-icon size="small" slot="start" name="sunny"></ion-icon>
16 <ion-icon slot="end" name="sunny"></ion-icon>
17 </ion-range>
18 </ion-item>
19
20 <ion-item>
21 <ion-range min="1000" max="2000" step="100" snaps="true" color="secondary"></ion-range>
22 </ion-item>
23
24 <ion-item>
25 <ion-range min="1000" max="2000" step="100" snaps="true" ticks="false" color="secondary"></ion-range>
26 </ion-item>
27
28 <ion-item>
29 <ion-range dualKnobs="true" min="21" max="72" step="3" snaps="true"></ion-range>
30 </ion-item>
31</ion-list>