diff --git a/core/src/components/range/range.tsx b/core/src/components/range/range.tsx
index 618bbd1084..0c10972b41 100644
--- a/core/src/components/range/range.tsx
+++ b/core/src/components/range/range.tsx
@@ -488,7 +488,8 @@ interface RangeKnob {
   handleKeyboard: (name: KnobName, isIncrease: boolean) => void;
 }
 
-function renderKnob(isRTL: boolean, { knob, value, ratio, min, max, disabled, pressed, pin, handleKeyboard }: RangeKnob) {
+function renderKnob({ knob, value, ratio, min, max, disabled, pressed, pin, handleKeyboard }: RangeKnob) {
+  const isRTL = document.dir === 'rtl';
   const start = isRTL ? 'right' : 'left';
 
   const knobStyle = () => {
diff --git a/core/src/components/range/readme.md b/core/src/components/range/readme.md
index 754a727c43..ca9655cb49 100644
--- a/core/src/components/range/readme.md
+++ b/core/src/components/range/readme.md
@@ -83,83 +83,6 @@ left or right of the range.
 ```
 
 
-### React
-
-```tsx
-import React from 'react';
-
-import { IonList, IonItem, IonRange, IonLabel, IonIcon } from '@ionic/react';
-
-const Example: React.SFC<{}> = () => (
-
-  <IonList>
-    <IonItem>
-      <IonRange color="danger" pin={true}></IonRange>
-    </IonItem>
-
-    <IonItem>
-      <IonRange min={-200} max={200} color="secondary">
-        <IonLabel slot="start">-200</IonLabel>
-        <IonLabel slot="end">200</IonLabel>
-      </IonRange>
-    </IonItem>
-
-   <IonItem>
-     <IonRange min={20} max={80} step={2}>
-       <IonIcon size="small" slot="start" name="sunny" />
-       <IonIcon slot="end" name="sunny" />
-     </IonRange>
-   </IonItem>
-
-    <IonItem>
-      <IonRange min={1000} max={2000} step={100} snaps={true} color="secondary"></IonRange>
-    </IonItem>
-
-    <IonItem>
-      <IonRange dualKnobs={true} min={21} max={72} step={3} snaps={true}></IonRange>
-    </IonItem>
-  </IonList>
-);
-
-export default Example;
-```
-
-
-### Vue
-
-```html
-<template>
-  <ion-list>
-    <ion-item>
-      <ion-range color="danger" pin="true"></ion-range>
-    </ion-item>
-
-    <ion-item>
-      <ion-range min="-200" max="200" color="secondary">
-        <ion-label slot="start">-200</ion-label>
-        <ion-label slot="end">200</ion-label>
-      </ion-range>
-    </ion-item>
-
-  <ion-item>
-    <ion-range min="20" max="80" step="2">
-      <ion-icon size="small" slot="start" name="sunny"></ion-icon>
-      <ion-icon slot="end" name="sunny"></ion-icon>
-    </ion-range>
-  </ion-item>
-
-    <ion-item>
-      <ion-range min="1000" max="2000" step="100" snaps="true" color="secondary"></ion-range>
-    </ion-item>
-
-    <ion-item>
-      <ion-range dualKnobs="true" min="21" max="72" step="3" snaps="true"></ion-range>
-    </ion-item>
-  </ion-list>
-</template>
-```
-
-
 
 ## Properties