diff --git a/examples/custom-handles.html b/examples/custom-handles.html
index ce62ac7..0f6e2a3 100644
--- a/examples/custom-handles.html
+++ b/examples/custom-handles.html
@@ -2,7 +2,7 @@
 <html>
 
 <head>
-  <title>custom-handles.js - example - rc-slider@3.8.1</title>
+  <title>custom-handles.js - example - rc-slider@3.8.2</title>
   <meta name="viewport"
         content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
   <meta charset="utf-8"/>
@@ -257,7 +257,7 @@ Monokai Sublime style. Derived from Monokai by noformnocontent http://nn.mit-lic
 <body>
 <div class="container">
   <div class="header">
-    <h1>rc-slider@3.8.1</h1>
+    <h1>rc-slider@3.8.2</h1>
 
     <p>slider ui component for react</p>
   </div>
diff --git a/examples/marks.html b/examples/marks.html
index 6d1d5b0..9210e2a 100644
--- a/examples/marks.html
+++ b/examples/marks.html
@@ -2,7 +2,7 @@
 <html>
 
 <head>
-  <title>marks.js - example - rc-slider@3.8.1</title>
+  <title>marks.js - example - rc-slider@3.8.2</title>
   <meta name="viewport"
         content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
   <meta charset="utf-8"/>
@@ -257,7 +257,7 @@ Monokai Sublime style. Derived from Monokai by noformnocontent http://nn.mit-lic
 <body>
 <div class="container">
   <div class="header">
-    <h1>rc-slider@3.8.1</h1>
+    <h1>rc-slider@3.8.2</h1>
 
     <p>slider ui component for react</p>
   </div>
diff --git a/examples/range.html b/examples/range.html
index 95e62b7..e1d0f3d 100644
--- a/examples/range.html
+++ b/examples/range.html
@@ -2,7 +2,7 @@
 <html>
 
 <head>
-  <title>range.js - example - rc-slider@3.8.1</title>
+  <title>range.js - example - rc-slider@3.8.2</title>
   <meta name="viewport"
         content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
   <meta charset="utf-8"/>
@@ -257,7 +257,7 @@ Monokai Sublime style. Derived from Monokai by noformnocontent http://nn.mit-lic
 <body>
 <div class="container">
   <div class="header">
-    <h1>rc-slider@3.8.1</h1>
+    <h1>rc-slider@3.8.2</h1>
 
     <p>slider ui component for react</p>
   </div>
diff --git a/examples/slider.html b/examples/slider.html
index 07acc28..857c302 100644
--- a/examples/slider.html
+++ b/examples/slider.html
@@ -2,7 +2,7 @@
 <html>
 
 <head>
-  <title>slider.js - example - rc-slider@3.8.1</title>
+  <title>slider.js - example - rc-slider@3.8.2</title>
   <meta name="viewport"
         content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
   <meta charset="utf-8"/>
@@ -257,7 +257,7 @@ Monokai Sublime style. Derived from Monokai by noformnocontent http://nn.mit-lic
 <body>
 <div class="container">
   <div class="header">
-    <h1>rc-slider@3.8.1</h1>
+    <h1>rc-slider@3.8.2</h1>
 
     <p>slider ui component for react</p>
   </div>
diff --git a/examples/v-marks.html b/examples/v-marks.html
index 913200d..422946a 100644
--- a/examples/v-marks.html
+++ b/examples/v-marks.html
@@ -2,7 +2,7 @@
 <html>
 
 <head>
-  <title>v-marks.js - example - rc-slider@3.8.1</title>
+  <title>v-marks.js - example - rc-slider@3.8.2</title>
   <meta name="viewport"
         content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
   <meta charset="utf-8"/>
@@ -257,7 +257,7 @@ Monokai Sublime style. Derived from Monokai by noformnocontent http://nn.mit-lic
 <body>
 <div class="container">
   <div class="header">
-    <h1>rc-slider@3.8.1</h1>
+    <h1>rc-slider@3.8.2</h1>
 
     <p>slider ui component for react</p>
   </div>
diff --git a/examples/v-range.html b/examples/v-range.html
index ca67c4b..ec9844f 100644
--- a/examples/v-range.html
+++ b/examples/v-range.html
@@ -2,7 +2,7 @@
 <html>
 
 <head>
-  <title>v-range.js - example - rc-slider@3.8.1</title>
+  <title>v-range.js - example - rc-slider@3.8.2</title>
   <meta name="viewport"
         content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
   <meta charset="utf-8"/>
@@ -257,7 +257,7 @@ Monokai Sublime style. Derived from Monokai by noformnocontent http://nn.mit-lic
 <body>
 <div class="container">
   <div class="header">
-    <h1>rc-slider@3.8.1</h1>
+    <h1>rc-slider@3.8.2</h1>
 
     <p>slider ui component for react</p>
   </div>
diff --git a/examples/v-slider.html b/examples/v-slider.html
index 5c3505a..683d52f 100644
--- a/examples/v-slider.html
+++ b/examples/v-slider.html
@@ -2,7 +2,7 @@
 <html>
 
 <head>
-  <title>v-slider.js - example - rc-slider@3.8.1</title>
+  <title>v-slider.js - example - rc-slider@3.8.2</title>
   <meta name="viewport"
         content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
   <meta charset="utf-8"/>
@@ -257,7 +257,7 @@ Monokai Sublime style. Derived from Monokai by noformnocontent http://nn.mit-lic
 <body>
 <div class="container">
   <div class="header">
-    <h1>rc-slider@3.8.1</h1>
+    <h1>rc-slider@3.8.2</h1>
 
     <p>slider ui component for react</p>
   </div>
diff --git a/index.html b/index.html
index c9738a6..7aa595c 100644
--- a/index.html
+++ b/index.html
@@ -7,7 +7,7 @@
   <meta charset="utf-8"/>
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <link href="//cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.css" rel="stylesheet"/>
-  <title>rc-slider@3.8.1 - slider ui component for react</title>
+  <title>rc-slider@3.8.2 - slider ui component for react</title>
   <style>
     @font-face {
       font-family: octicons-anchor;
@@ -737,7 +737,7 @@
 
 <body>
 <div class="header">
-  <h1>rc-slider@3.8.1</h1>
+  <h1>rc-slider@3.8.2</h1>
 </div>
 <div class="examples">
   <h3>EXAMPLES</h3>
@@ -781,7 +781,9 @@
 <li>support ie8,ie8+,chrome,firefox,safari</li>
 </ul>
 <h3>Keyboard<a id="user-content-keyboard" name="keyboard" class="anchor" aria-hidden="true" href="#keyboard"><span class="octicon octicon-link"></span></a></h3><h2>install<a id="user-content-install" name="install" class="anchor" aria-hidden="true" href="#install"><span class="octicon octicon-link"></span></a></h2><p><a href="https://npmjs.org/package/rc-slider" title="null"><img src="https://nodei.co/npm/rc-slider.png" alt="rc-slider"></a></p>
-<h2>Usage<a id="user-content-usage" name="usage" class="anchor" aria-hidden="true" href="#usage"><span class="octicon octicon-link"></span></a></h2><div class="highlight"><pre><code language="js"><span class="hljs-keyword">var</span> React = <span class="hljs-built_in">require</span>(<span class="hljs-string">'react'</span>);
+<h2>Usage<a id="user-content-usage" name="usage" class="anchor" aria-hidden="true" href="#usage"><span class="octicon octicon-link"></span></a></h2><div class="highlight"><pre><code language="js"><span class="hljs-built_in">require</span>(<span class="hljs-string">'rc-slider/assets/index.css'</span>);
+
+<span class="hljs-keyword">var</span> React = <span class="hljs-built_in">require</span>(<span class="hljs-string">'react'</span>);
 <span class="hljs-keyword">var</span> ReactDOM = <span class="hljs-built_in">require</span>(<span class="hljs-string">'react-dom'</span>);
 <span class="hljs-keyword">var</span> Rcslider = <span class="hljs-built_in">require</span>(<span class="hljs-string">'rc-slider'</span>);
 ReactDOM.render(<span class="xml"><span class="hljs-tag">&lt;<span class="hljs-title">Rcslider</span> /&gt;</span>, container);</span></code></pre></div><h2>API<a id="user-content-api" name="api" class="anchor" aria-hidden="true" href="#api"><span class="octicon octicon-link"></span></a></h2><h3>props<a id="user-content-props" name="props" class="anchor" aria-hidden="true" href="#props"><span class="octicon octicon-link"></span></a></h3><table class="table table-bordered table-striped">
