docs(range): update ion-range vue docs (#17885)

This commit is contained in:
Michael Tintiuc
2019-03-28 16:15:56 +02:00
committed by Brandy Carney
parent 29d0d0ef28
commit f69f221e10
2 changed files with 20 additions and 2 deletions

View File

@ -169,10 +169,19 @@ export default Example;
</ion-item> </ion-item>
<ion-item> <ion-item>
<ion-range dualKnobs="true" min="21" max="72" step="3" snaps="true"></ion-range> <ion-range ref="rangeDualKnobs" dual-knobs="true" min="21" max="72" step="3" snaps="true"></ion-range>
</ion-item> </ion-item>
</ion-list> </ion-list>
</template> </template>
<script>
export default {
mounted() {
// Sets initial value for dual-knob ion-range
this.$refs.rangeDualKnobs.value = { lower: 24, upper: 42 };
}
}
</script>
``` ```

View File

@ -28,8 +28,17 @@
</ion-item> </ion-item>
<ion-item> <ion-item>
<ion-range dualKnobs="true" min="21" max="72" step="3" snaps="true"></ion-range> <ion-range ref="rangeDualKnobs" dual-knobs="true" min="21" max="72" step="3" snaps="true"></ion-range>
</ion-item> </ion-item>
</ion-list> </ion-list>
</template> </template>
<script>
export default {
mounted() {
// Sets initial value for dual-knob ion-range
this.$refs.rangeDualKnobs.value = { lower: 24, upper: 42 };
}
}
</script>
``` ```