ionic range

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

showing results for - "ionic range"
Farah
19 Mar 2018
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>