diff --git a/packages/core/src/components.d.ts b/packages/core/src/components.d.ts
index 2576eb6bfb..53ec8c7ab2 100644
--- a/packages/core/src/components.d.ts
+++ b/packages/core/src/components.d.ts
@@ -2234,7 +2234,7 @@ declare global {
 
 import {
   RangeKnob as IonRangeKnob
-} from './components/range/range-knob';
+} from './components/range-knob/range-knob';
 
 declare global {
   interface HTMLIonRangeKnobElement extends IonRangeKnob, HTMLElement {
diff --git a/packages/core/src/components/range/range-knob.tsx b/packages/core/src/components/range-knob/range-knob.tsx
similarity index 100%
rename from packages/core/src/components/range/range-knob.tsx
rename to packages/core/src/components/range-knob/range-knob.tsx
diff --git a/packages/core/src/components/range-knob/readme.md b/packages/core/src/components/range-knob/readme.md
new file mode 100644
index 0000000000..434a03d3e4
--- /dev/null
+++ b/packages/core/src/components/range-knob/readme.md
@@ -0,0 +1,113 @@
+# ion-range-knob
+
+
+
+<!-- Auto Generated Below -->
+
+
+## Properties
+
+#### disabled
+
+boolean
+
+
+#### knob
+
+string
+
+
+#### labelId
+
+string
+
+
+#### max
+
+number
+
+
+#### min
+
+number
+
+
+#### pin
+
+boolean
+
+
+#### pressed
+
+boolean
+
+
+#### ratio
+
+number
+
+
+#### val
+
+number
+
+
+## Attributes
+
+#### disabled
+
+boolean
+
+
+#### knob
+
+string
+
+
+#### labelId
+
+string
+
+
+#### max
+
+number
+
+
+#### min
+
+number
+
+
+#### pin
+
+boolean
+
+
+#### pressed
+
+boolean
+
+
+#### ratio
+
+number
+
+
+#### val
+
+number
+
+
+## Events
+
+#### ionDecrease
+
+
+#### ionIncrease
+
+
+
+----------------------------------------------
+
+*Built by [StencilJS](https://stenciljs.com/)*
diff --git a/packages/core/src/components/range/range.scss b/packages/core/src/components/range/range.scss
index 9fbd57bd5d..79e013fc53 100644
--- a/packages/core/src/components/range/range.scss
+++ b/packages/core/src/components/range/range.scss
@@ -30,26 +30,24 @@ ion-range {
   display: flex;
 
   align-items: center;
-
-
-  ion-label {
-    flex: initial;
-  }
-
-  ion-icon {
-    min-height: 2.4rem;
-
-    font-size: 2.4rem;
-    line-height: 1;
-  }
-
-  ion-gesture,
-  .range-slider {
-    position: relative;
-
-    flex: 1;
-
-    cursor: pointer;
-  }
 }
 
+ion-range ion-label {
+  flex: initial;
+}
+
+ion-range ion-icon {
+  min-height: 2.4rem;
+
+  font-size: 2.4rem;
+  line-height: 1;
+}
+
+ion-range ion-gesture,
+ion-range .range-slider {
+  position: relative;
+
+  flex: 1;
+
+  cursor: pointer;
+}
diff --git a/packages/core/src/components/range/readme.md b/packages/core/src/components/range/readme.md
index 434a03d3e4..d1c6526ead 100644
--- a/packages/core/src/components/range/readme.md
+++ b/packages/core/src/components/range/readme.md
@@ -7,19 +7,24 @@
 
 ## Properties
 
+#### color
+
+string
+
+
+#### debounce
+
+number
+
+
 #### disabled
 
 boolean
 
 
-#### knob
+#### dualKnobs
 
-string
-
-
-#### labelId
-
-string
+boolean
 
 
 #### max
@@ -32,41 +37,51 @@ number
 number
 
 
+#### mode
+
+any
+
+
 #### pin
 
 boolean
 
 
-#### pressed
+#### snaps
 
 boolean
 
 
-#### ratio
+#### step
 
 number
 
 
-#### val
+#### value
 
-number
+any
 
 
 ## Attributes
 
+#### color
+
+string
+
+
+#### debounce
+
+number
+
+
 #### disabled
 
 boolean
 
 
-#### knob
+#### dualKnobs
 
-string
-
-
-#### labelId
-
-string
+boolean
 
 
 #### max
@@ -79,32 +94,51 @@ number
 number
 
 
+#### mode
+
+any
+
+
 #### pin
 
 boolean
 
 
-#### pressed
+#### snaps
 
 boolean
 
 
-#### ratio
+#### step
 
 number
 
 
-#### val
+#### value
 
-number
+any
 
 
 ## Events
 
-#### ionDecrease
+#### ionBlur
 
 
-#### ionIncrease
+#### ionChange
+
+
+#### ionFocus
+
+
+#### ionStyle
+
+
+## Methods
+
+#### ratio()
+
+
+#### ratioUpper()
 
 
 
diff --git a/packages/core/src/index.d.ts b/packages/core/src/index.d.ts
index c1d8f0fdfc..7d04a9d4ad 100644
--- a/packages/core/src/index.d.ts
+++ b/packages/core/src/index.d.ts
@@ -111,8 +111,8 @@ export {
 export { PopoverController } from './components/popover-controller/popover-controller';
 export { RadioGroup } from './components/radio-group/radio-group';
 export { Radio, HTMLIonRadioElementEvent } from './components/radio/radio';
-export { RangeKnob } from './components/range/range-knob';
 export { Range, RangeEvent } from './components/range/range';
+export { RangeKnob } from './components/range-knob/range-knob';
 export { ReorderGroup } from './components/reorder/reorder-group';
 export {
   RouterEntry,