wassname/slider
1
0
Fork 0
mirror of https://github.com/wassname/slider.git synced 2026-09-09 11:35:22 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore: update examples

Browse Source
This commit is contained in:
Benjy Cui
2015-11-18 14:32:56 +08:00
parent 7680347dfe
commit d4e2aad482
1 changed files with 10 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
examples/marks.js
+10 -12
View File
@@ -8,12 +8,10 @@ var Slider = require('rc-slider');
var style = {width: 400, margin: 50};
var marks = {
0: 'A',
20: 'B',
40: 'C',
60: 'D',
80: 'E',
100: 'F'
0: '0°C',
26: '26°C',
37: '37°C',
100: '100°C'
};
var log = function(value) {
@@ -24,29 +22,29 @@ ReactDOM.render(
<div>
<div style={style}>
<p>Slider with marks, `included=true`</p>
<Slider marks={marks} onChange={log} defaultIndex={1} />
<Slider marks={marks} onChange={log} defaultValue={20} />
</div>
<div style={style}>
<p>Slider with marks and steps, `included=true`</p>
<Slider marks={marks} step={10} onChange={log} defaultIndex={1} />
<Slider marks={marks} step={10} onChange={log} defaultValue={20} />
</div>
<div style={style}>
<p>Slider with marks, `included=false`</p>
<Slider marks={marks} included={false} defaultIndex={1} />
<Slider marks={marks} included={false} defaultValue={20} />
</div>
<div style={style}>
<p>Slider with marks and steps, `included=false`</p>
<Slider marks={marks} step={10} included={false} defaultIndex={1} />
<Slider marks={marks} step={10} included={false} defaultValue={20} />
</div>
<div style={style}>
<p>Range with marks</p>
<Slider range marks={marks} onChange={log} defaultIndex={[1,2]} />
<Slider range marks={marks} onChange={log} defaultValue={[20, 40]} />
</div>
<div style={style}>
<p>Range with marks and steps</p>
<Slider range marks={marks} step={10} onChange={log} defaultIndex={[1,2]} />
<Slider range marks={marks} step={10} onChange={log} defaultValue={[20, 40]} />
</div>
</div>
, document.getElementById('__react-content'));