add demo allowCross false && pushable true

react-component · Nov 3, 2017 · 9bbc8b1 · 9bbc8b1
1 parent 18d4fa3
commit 9bbc8b1
Showing 1 changed file with 13 additions and 4 deletions.
diff --git a/examples/range.js b/examples/range.js
@@ -125,7 +125,12 @@ class ControlledRangeDisableAcross extends React.Component {
   }
   render() {
     return (
-      <Range value={this.state.value} onChange={this.handleChange} allowCross={false} />
+      <Range
+        value={this.state.value}
+        onChange={this.handleChange}
+        allowCross={false}
+        {...this.props}
+      />
     );
   }
 }
@@ -174,9 +179,13 @@ ReactDOM.render(
       <ControlledRange />
     </div>
     <div style={style}>
-    <p>Controlled Range, not allow across</p>
-    <ControlledRangeDisableAcross />
-  </div>
+      <p>Controlled Range, not allow across</p>
+      <ControlledRangeDisableAcross />
+    </div>
+    <div style={style}>
+      <p>Controlled Range, not allow across, pushable</p>
+      <ControlledRangeDisableAcross pushable/>
+    </div>
     <div style={style}>
       <p>Multi Range</p>
       <Range count={3} defaultValue={[20, 40, 60, 80]} pushable />