diff --git a/components/tabs/TabBar.jsx b/components/tabs/TabBar.jsx
new file mode 100644
index 000000000..70a76b9ba
--- /dev/null
+++ b/components/tabs/TabBar.jsx
@@ -0,0 +1,58 @@
+import Icon from '../icon'
+import ScrollableInkTabBar from '../vc-tabs/src/ScrollableInkTabBar'
+import { cloneElement } from '../_util/vnode'
+
+const TabBar = {
+  functional: true,
+  render (h, context) {
+    const {
+      tabBarStyle,
+      animated = true,
+      renderTabBar,
+      tabBarExtraContent,
+      tabPosition,
+      prefixCls,
+    } = context.props
+    const inkBarAnimated = typeof animated === 'object' ? animated.inkBar : animated
+
+    const isVertical = tabPosition === 'left' || tabPosition === 'right'
+    const prevIconType = isVertical ? 'up' : 'left'
+    const nextIconType = isVertical ? 'down' : 'right'
+    const prevIcon = (
+      <span class={`${prefixCls}-tab-prev-icon`}>
+        <Icon type={prevIconType} class={`${prefixCls}-tab-prev-icon-target`} />
+      </span>
+    )
+    const nextIcon = (
+      <span class={`${prefixCls}-tab-next-icon`}>
+        <Icon type={nextIconType} class={`${prefixCls}-tab-next-icon-target`} />
+      </span>
+    )
+
+    const renderProps = {
+      props: {
+        ...context.props,
+        inkBarAnimated,
+        extraContent: tabBarExtraContent,
+        prevIcon,
+        nextIcon,
+      },
+      style: tabBarStyle,
+      on: {
+        ...context.listeners,
+      },
+    }
+
+    let RenderTabBar
+
+    if (renderTabBar) {
+      RenderTabBar = renderTabBar(renderProps, ScrollableInkTabBar)
+    } else {
+      RenderTabBar = <ScrollableInkTabBar {...renderProps} />
+    }
+
+    return cloneElement(RenderTabBar, renderProps)
+  },
+}
+
+export default TabBar
diff --git a/components/tree-select/__tests__/__snapshots__/demo.test.js.snap b/components/tree-select/__tests__/__snapshots__/demo.test.js.snap
index 4e77849d7..1d75453ce 100644
--- a/components/tree-select/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/tree-select/__tests__/__snapshots__/demo.test.js.snap
@@ -2,12 +2,12 @@
 
 exports[`renders ./components/tree-select/demo/basic.md correctly 1`] = `
 <span class="ant-select ant-select-enabled ant-select-allow-clear" style="width: 300px;"><span role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="0" class="ant-select-selection
-            ant-select-selection--single"><span class="ant-select-selection__rendered"><span class="ant-select-selection__placeholder">Please select</span></span><span class="ant-select-arrow" style="outline: none;"><b></b></span></span></span>
+            ant-select-selection--single"><span class="ant-select-selection__rendered"><span class="ant-select-selection__placeholder">Please select</span></span><span class="ant-select-arrow" style="outline: none;"><i class="ant-select-arrow-icon anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span></span></span>
 `;
 
 exports[`renders ./components/tree-select/demo/checkable.md correctly 1`] = `
 <span class="ant-select ant-select-enabled" style="width: 300px;"><span role="combobox" aria-autocomplete="list" aria-haspopup="true" class="ant-select-selection
-            ant-select-selection--multiple"><div class="ant-select-selection__rendered"><li title="Node1" unselectable="unselectable" class="ant-select-selection__choice"><span class="ant-select-selection__choice__remove"></span><span class="ant-select-selection__choice__content">Node1</span></li>
+            ant-select-selection--multiple"><div class="ant-select-selection__rendered"><li title="Node1" unselectable="unselectable" class="ant-select-selection__choice"><span class="ant-select-selection__choice__remove"><i class="ant-select-remove-icon anticon anticon-close"><svg viewBox="64 64 896 896" data-icon="close" width="1em" height="1em" fill="currentColor" aria-hidden="true" class=""><path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 0 0 203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path></svg></i></span><span class="ant-select-selection__choice__content">Node1</span></li>
 <li class="ant-select-search ant-select-search--inline"><span class="ant-select-search__field__wrap"><input role="textbox" class="ant-select-search__field"><span class="ant-select-search__field__mirror">&nbsp;</span></span></li>
 </div><span class="ant-select-search__field__placeholder" style="display: none;">Please select</span></span>
 </span>
@@ -21,5 +21,5 @@ exports[`renders ./components/tree-select/demo/multiple.md correctly 1`] = `
 
 exports[`renders ./components/tree-select/demo/treeData.md correctly 1`] = `
 <span class="ant-select ant-select-enabled" style="width: 300px;"><span role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="0" class="ant-select-selection
-            ant-select-selection--single"><span class="ant-select-selection__rendered"><span class="ant-select-selection__placeholder">Please select</span></span><span class="ant-select-arrow" style="outline: none;"><b></b></span></span></span>
+            ant-select-selection--single"><span class="ant-select-selection__rendered"><span class="ant-select-selection__placeholder">Please select</span></span><span class="ant-select-arrow" style="outline: none;"><i class="ant-select-arrow-icon anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span></span></span>
 `;