From 64cbb95a34b781eaa514940b95769e37fba07ae2 Mon Sep 17 00:00:00 2001
From: Benjy Cui <benjytrys@gmail.com>
Date: Thu, 2 Mar 2017 17:08:57 +0800
Subject: [PATCH] docs: update docs for tree, close: #4932

---
 components/tree/demo/draggable.md | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/components/tree/demo/draggable.md b/components/tree/demo/draggable.md
index 0651623467..62aea34ef2 100644
--- a/components/tree/demo/draggable.md
+++ b/components/tree/demo/draggable.md
@@ -106,6 +106,7 @@ class Demo extends React.Component {
     });
     return (
       <Tree
+        className="draggable-tree"
         defaultExpandedKeys={this.state.expandedKeys}
         draggable
         onDragEnter={this.onDragEnter}
@@ -119,3 +120,10 @@ class Demo extends React.Component {
 
 ReactDOM.render(<Demo />, mountNode);
 ````
+
+````css
+// You can add the following CSS to your project to make draggable area bigger
+#components-tree-demo-draggable .draggable-tree .ant-tree-node-content-wrapper {
+  width: calc(100% - 18px);
+}
+````