diff --git a/docs/examples/range.tsx b/docs/examples/range.tsx
index 56d80d3be..e83200300 100644
--- a/docs/examples/range.tsx
+++ b/docs/examples/range.tsx
@@ -268,5 +268,9 @@ export default () => (
         onChange={log}
       />
     </div>
+    <div style={style}>
+      <p>Set Distance between handles</p>
+      <Range allowCross={false} defaultValue={[0, 20]} distanceBetweenHandles={5} onChange={log} />
+    </div>
   </div>
 );