From d2e678b1e3f42a30c4b92d3f38b265ae39dd93f1 Mon Sep 17 00:00:00 2001
From: yiminghe <yiminghe@gmail.com>
Date: Thu, 15 Oct 2015 15:01:51 +0800
Subject: [PATCH] update example

---
 examples/simple.js | 22 +++++++++++++++++-----
 1 file changed, 17 insertions(+), 5 deletions(-)

diff --git a/examples/simple.js b/examples/simple.js
index a375adf..c0d47fc 100644
--- a/examples/simple.js
+++ b/examples/simple.js
@@ -5,11 +5,23 @@ require('rc-slider/assets/index.less');
 var Slider = require('rc-slider');
 var React = require('react');
 
-function onChange(v){
+function onChange(v) {
   console.log(v);
 }
 
-// React.render(<div style={{width:400,margin:100}}><Slider marks={["一","二","三","四","五"]} defaultIndex={2} /></div>, document.getElementById('__react-content'));
-// React.render(<div style={{width:400,margin:100}}><Slider withDots className='rc-slider' step={20}/></div>, document.getElementById('__react-content'));
-// React.render(<div style={{width:400,margin:100}}><Slider className='rc-slider' step={20}/></div>, document.getElementById('__react-content'));
-React.render(<div style={{width:400,margin:100}}><Slider onChange={onChange}  tipTransitionName='rc-slider-tooltip-zoom-down'/></div>, document.getElementById('__react-content'));
+React.render(
+  <div>
+    <div style={{width:400,margin:100}}>
+      <Slider onChange={onChange} tipTransitionName='rc-slider-tooltip-zoom-down'/>
+    </div>
+    <div style={{width:400,margin:100}}>
+      <Slider marks={["一","二","三","四","五"]} defaultIndex={2}/>
+    </div>
+    <div style={{width:400,margin:100}}>
+      <Slider withDots step={20}/>
+    </div>
+    <div style={{width:400,margin:100}}>
+      <Slider step={20}/>
+    </div>
+  </div>
+  , document.getElementById('__react-content'));