diff --git a/core/src/components/range/readme.md b/core/src/components/range/readme.md
index 2e846815a8..9882c47be2 100644
--- a/core/src/components/range/readme.md
+++ b/core/src/components/range/readme.md
@@ -169,10 +169,19 @@ export default Example;
     </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-list>
 </template>
+
+<script>
+export default {
+  mounted() {
+    // Sets initial value for dual-knob ion-range
+    this.$refs.rangeDualKnobs.value = { lower: 24, upper: 42 };
+  }
+}
+</script>
 ```
 
 
diff --git a/core/src/components/range/usage/vue.md b/core/src/components/range/usage/vue.md
index fc7f63a4c2..aa9c1a4d47 100644
--- a/core/src/components/range/usage/vue.md
+++ b/core/src/components/range/usage/vue.md
@@ -28,8 +28,17 @@
     </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-list>
 </template>
+
+<script>
+export default {
+  mounted() {
+    // Sets initial value for dual-knob ion-range
+    this.$refs.rangeDualKnobs.value = { lower: 24, upper: 42 };
+  }
+}
+</script>
 ```