1<!DOCTYPE html> 2<html lang="en" data-direction="ltr" class=""> 3 <head> 4 <meta charset="utf-8" /> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 7 <meta name="theme-color" content="#1890ff" /> 8 <title>Ant Design of React - Ant Design</title> 9 <meta data-rh="true" property="og:type" content="website"/><meta data-rh="true" property="og:image" content="https://gw.alipayobjects.com/zos/rmsportal/rlpTLlbMzTNYuZGGCVYM.png"/><meta data-rh="true" property="og:title" content="Ant Design of React - Ant Design"/><meta data-rh="true" name="description" content="Following the Ant Design specification, we developed a React UI library antd that contains a set of high quality components and demos for building rich, interactive user interfaces."/> 10 <link 11 rel="icon" 12 href="https://gw.alipayobjects.com/zos/rmsportal/rlpTLlbMzTNYuZGGCVYM.png" 13 type="image/x-icon" 14 /> 15 16 <link rel="stylesheet" type="text/css" href="/index-4f21cd80.css" /> 17 18 <style id="nprogress-style"> 19 #nprogress { 20 display: none; 21 } 22 </style> 23 <link rel="stylesheet/less" type="text/css" href="/color.less" /> 24
24<script src="https://b.alicdn.com/s/polyfill.min.js?features=default,es2015,Intl"></script>
24 25 <link id="darkThemeLink" rel="stylesheet" href="/dark.css" /> 26
26<script> 27 /* 设置 meta theme-color çå¼ï¼é»è®¤ä¼è®¾ç½®ä¸ä¸ª #1890ff */ 28 function setColor(isDarken) { 29 try { 30 var theme = document.getElementsByTagName('meta')['theme-color']; 31 theme.setAttribute('content', isDarken ? 'rgba(0,0,0,0.65)' : '#1890ff'); 32 } catch (error) {} 33 } 34 /* -------------------------- 主é¢ç¸å ³ -------------------------- */ 35 (function () { 36 /* è·åæ¥è¯¢åæ°å¯¹è±¡ */ 37 function getSearchParam(search) { 38 // å¤çå ¥åé误 39 var search = search || location.search; 40 if (search === undefined) { 41 return; 42 } 43 44 var pattern = /(\w+)=(\w+)/gi; // å®ä¹æ£å 45 var matches = search.match(pattern); 46 if (!matches) { 47 return; 48 } 49 50 function fromEntries(iterable) { 51 return iterable.reduce(function (obj, keyvalue) { 52 var key = keyvalue[0]; 53 var val = keyvalue[1]; 54 obj[key] = val; 55 return obj; 56 }, {}); 57 } 58 59 var searchParam = fromEntries( 60 matches.map(function (item) { 61 return item.split('='); 62 }), 63 ); 64 return searchParam; 65 } 66 67 var searchParam = getSearchParam(location.search) || {}; // æ¥è¯¢åæ°å¯¹è±¡ 68 69 var isDarkMode = searchParam.theme === 'dark'; // 夿å½åä¸»é¢ 70 var isComponentsPage = location.pathname.indexOf('/components') === 0; // 夿æ¯å¦ç»ä»¶é¡µé¢ 71 72 // 1. æè²ä¸»é¢å·æ°æ¶æ ç½å± 73 // å¦ææ¯æè²ä¸»é¢ï¼ä¸å¨componentsè·¯ç±ä¸ 74 var darkThemeLinkEl = document.getElementById('darkThemeLink'); 75 if (isDarkMode && isComponentsPage) { 76 // å°é¢å å®ä¹çæè²ä¸»é¢linkç§»å¨å°bodyå 77 document.addEventListener( 78 'readystatechange', 79 function () { 80 document.head.appendChild(styleElement); 81 }, 82 { once: true }, 83 ); 84 // loadåå¸è½½ 85 window.addEventListener( 86 'load', 87 function () { 88 darkThemeLinkEl.parentNode.removeChild(darkThemeLinkEl); 89 }, 90 { once: true }, 91 ); 92 setColor(true); 93 // æ¸ é¤dark.cssä¸çå ¨é¨transition å¾ è§£æå®åæ¢å¤ 94 var styleElement = document.createElement('style'); 95 styleElement.type = 'text/css'; 96 styleElement.innerHTML = 97 '* {transition: none !important;} html {background: rgb(20, 20, 20)}'; 98 document.head.appendChild(styleElement); 99 document.documentElement.style.backgroundColor = 'black'; 100 window.addEventListener( 101 'load', 102 function () { 103 styleElement.parentNode.removeChild(styleElement); 104 }, 105 { once: true }, 106 ); 107 108 // 设置系ç»ä¸»é¢ 109 document.documentElement.style.colorScheme = 'dark'; 110 } else { 111 setColor(false); 112 document.documentElement.style.colorScheme = 'light'; 113 darkThemeLinkEl.parentNode.removeChild(darkThemeLinkEl); 114 } 115 })(); 116 </script>
116 117
117<script> 118 (function () { 119 function isLocalStorageNameSupported() { 120 var testKey = 'test'; 121 var storage = window.localStorage; 122 try { 123 storage.setItem(testKey, '1'); 124 storage.removeItem(testKey); 125 return true; 126 } catch (error) { 127 return false; 128 } 129 } 130 // ä¼å 级æé«å°ææéæèµæºçåé¢ï¼è¯è¨ä¸å¯¹ï¼å è½½å ¶ä»éæèµæºæ²¡æä¹ 131 var pathname = location.pathname; 132 133 function isZhCN(pathname) { 134 return /-cn\/?$/.test(pathname); 135 } 136 function getLocalizedPathname(path, zhCN) { 137 var pathname = path.indexOf('/') === 0 ? path : '/' + path; 138 if (!zhCN) { 139 // to enUS 140 return /\/?index-cn/.test(pathname) ? '/' : pathname.replace('-cn', ''); 141 } else if (pathname === '/') { 142 return '/index-cn'; 143 } else if (pathname.indexOf('/') === pathname.length - 1) { 144 return pathname.replace(/\/$/, '-cn/'); 145 } 146 return pathname + '-cn'; 147 } 148 149 // å ¼å®¹æ§ç URLï¼ `?locale=...` 150 var queryString = location.search; 151 if (queryString) { 152 var isZhCNConfig = queryString.indexOf('zh-CN') > -1; 153 if (isZhCNConfig && !isZhCN(pathname)) { 154 location.pathname = getLocalizedPathname(pathname, isZhCNConfig); 155 } 156 } 157 158 // é¦é¡µæ è§é¾æ¥éé¢çè¯è¨è®¾ç½® https://github.com/ant-design/ant-design/issues/4552 159 if (isLocalStorageNameSupported() && (pathname === '/' || pathname === '/index-cn')) { 160 var lang = 161 (window.localStorage && localStorage.getItem('locale')) || 162 ((navigator.language || navigator.browserLanguage).toLowerCase() === 'zh-cn' 163 ? 'zh-CN' 164 : 'en-US'); 165 // safari is 'zh-cn', while other browser is 'zh-CN'; 166 if ((lang === 'zh-CN') !== isZhCN(pathname)) { 167 location.pathname = getLocalizedPathname(pathname, lang === 'zh-CN'); 168 } 169 } 170 document.documentElement.className += isZhCN(pathname) ? 'zh-cn' : 'en-us'; 171 })(); 172 </script>
172 173 </head> 174 <body> 175 <div id="react-content"><header id="header" class="clearfix"><div class="ant-row" style="flex-flow:nowrap;height:64px"><div class="ant-col ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-6 ant-col-xl-5 ant-col-xxl-4"><h1><a id="logo" href="/"><img alt="logo" src="https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg"/>Ant Design</a></h1></div><div class="ant-col menu-row ant-col-xs-0 ant-col-sm-0 ant-col-md-18 ant-col-lg-18 ant-col-xl-19 ant-col-xxl-20"><div id="search-box" class=""><span class="ant-input-affix-wrapper"><span class="ant-input-prefix"><span role="img" aria-label="search" class="anticon anticon-search"><svg viewBox="64 64 896 896" focusable="false" data-icon="search" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"></path></svg></span></span><input type="text" placeholder="Search" value="" class="ant-input"/></span></div><ul class="ant-menu ant-menu-root ant-menu-horizontal ant-menu-light menu-site" id="nav" dir="ltr" role="menu" tabindex="0" data-menu-list="true"><li class="ant-menu-item ant-menu-item-only-child" role="menuitem" tabindex="-1" data-menu-id="nav-docs/spec"><span class="ant-menu-title-content"><a href="/docs/spec/introduce">Design</a></span></li><li class="ant-menu-item ant-menu-item-selected ant-menu-item-only-child" role="menuitem" tabindex="-1" data-menu-id="nav-docs/react"><span class="ant-menu-title-content"><a href="/docs/react/introduce">Docs</a></span></li><li class="ant-menu-item ant-menu-item-only-child" role="menuitem" tabindex="-1" data-menu-id="nav-components"><span class="ant-menu-title-content"><a href="/components/overview/">Components</a></span></li><li class="ant-menu-item ant-menu-item-only-child" role="menuitem" tabindex="-1" data-menu-id="nav-docs/resources"><span class="ant-menu-title-content"><a href="/docs/resources">Resources</a></span></li></ul><div style="display:none" aria-hidden="true"></div><div class="ant-select ant-select-sm version ant-select-single ant-select-show-arrow"><div class="ant-select-selector"><span class="ant-select-selection-search"><input type="search" autoComplete="off" class="ant-select-selection-search-input" role="combobox" aria-haspopup="listbox" aria-owns="undefined_list" aria-autocomplete="list" aria-controls="undefined_list" aria-activedescendant="undefined_list_0" value="" readonly="" unselectable="on" style="opacity:0"/></span><span class="ant-select-selection-item" title="4.20.1">4.20.1</span></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none" unselectable="on" aria-hidden="true"><span role="img" aria-label="down" class="anticon anticon-down ant-select-suffix"><svg viewBox="64 64 896 896" focusable="false" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true"><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></span></span></div><button type="button" class="ant-btn ant-btn-default ant-btn-sm header-button header-lang-button">䏿</button><button type="button" class="ant-btn ant-btn-default ant-btn-sm header-button header-direction-button"><span>RTL</span></button><button type="button" class="ant-btn ant-btn-default ant-btn-sm ant-dropdown-trigger header-button">More<span role="img" aria-label="down" style="font-size:9px;margin:-1px 0 0 2px;vertical-align:middle" class="anticon anticon-down"><svg viewBox="64 64 896 896" focusable="false" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true"><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></span></button><span id="github-btn" class="github-btn"><a class="gh-btn" href="//github.com/ant-design/ant-design/" target="_blank"><span class="gh-ico" aria-hidden="true"></span><span class="gh-text">Star</span></a><a class="gh-count" target="_blank" href="//github.com/ant-design/ant-design/stargazers/"></a></span></div></div></header><div class="main-wrapper"><div class="ant-row"><div class="ant-col main-menu ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-6 ant-col-xl-5 ant-col-xxl-4"><div><div class=""><section class="main-menu-inner"><ul class="ant-menu ant-menu-root ant-menu-inline ant-menu-light aside-container menu-site" dir="ltr" role="menu" tabindex="0" data-menu-list="true"><li class="ant-menu-item ant-menu-item-selected ant-menu-item-only-child" style="padding-left:30px" role="menuitem" tabindex="-1"><span class="ant-menu-title-content"><a href="/docs/react/introduce">Ant Design of React</a></span></li><li class="ant-menu-item ant-menu-item-only-child" style="padding-left:30px" role="menuitem" tabindex="-1"><span class="ant-menu-title-content"><a href="/docs/react/getting-started">Getting Started</a></span></li><li class="ant-menu-item ant-menu-item-only-child" style="padding-left:30px" role="menuitem" tabindex="-1"><span class="ant-menu-title-content"><a href="/docs/react/practical-projects">Real project with umi</a></span></li><li class="ant-menu-item ant-menu-item-only-child" style="padding-left:30px" role="menuitem" tabindex="-1"><span class="ant-menu-title-content"><a href="/docs/react/use-with-create-react-app">Use in create-react-app</a></span></li><li class="ant-menu-item ant-menu-item-only-child" style="padding-left:30px" role="menuitem" tabindex="-1"><span class="ant-menu-title-content"><a href="/docs/react/use-in-typescript">Use in TypeScript</a></span></li><li class="ant-menu-item ant-menu-item-only-child" style="padding-left:30px" role="menuitem" tabindex="-1"><span class="ant-menu-title-content"><a href="/changelog">Change Log</a></span></li><li class="ant-menu-item ant-menu-item-only-child" style="padding-left:30px" role="menuitem" tabindex="-1"><span class="ant-menu-title-content"><a href="/docs/react/customize-theme">Customize Theme</a></span></li><li class="ant-menu-item ant-menu-item-only-child" style="padding-left:30px" role="menuitem" tabindex="-1"><span class="ant-menu-title-content"><a href="/docs/react/customize-theme-variable">Dynamic Theme (Experimental)</a></span></li><li class="ant-menu-item ant-menu-item-only-child" style="padding-left:30px" role="menuitem" tabindex="-1"><span class="ant-menu-title-content"><a href="/docs/react/replace-moment">Replace Moment.js</a></span></li><li class="ant-menu-item ant-menu-item-only-child" style="padding-left:30px" role="menuitem" tabindex="-1"><span class="ant-menu-title-content"><a href="/docs/react/migration-v4">V3 to V4</a></span></li><li class="ant-menu-item ant-menu-item-only-child" style="padding-left:30px" role="menuitem" tabindex="-1"><span class="ant-menu-title-content"><a href="/docs/react/recommendation">Third-Party Libraries</a></span></li><li class="ant-menu-item ant-menu-item-only-child" style="padding-left:30px" role="menuitem" tabindex="-1"><span class="ant-menu-title-content"><a href="/docs/react/i18n">Internationalization</a></span></li><li class="ant-menu-item ant-menu-item-only-child" style="padding-left:30px" role="menuitem" tabindex="-1"><span class="ant-menu-title-content"><a href="/docs/react/faq">FAQ</a></span></li><li class="ant-menu-item ant-menu-item-only-child" style="padding-left:30px" role="menuitem" tabindex="-1"><span class="ant-menu-title-content"><a href="/docs/react/contributing">Contributing</a></span></li></ul><div style="display:none" aria-hidden="true"></div></section></div></div></div><div class="ant-col ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-18 ant-col-xl-19 ant-col-xxl-20"><section class="main-container"><article class="markdown"><div><h1>Ant Design of React<a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/react/introduce.en-US.md" target="_blank" rel="noopener noreferrer"><span role="img" aria-label="edit" class="anticon anticon-edit"><svg viewBox="64 64 896 896" focusable="false" data-icon="edit" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8
175c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"></path></svg></span></a></h1><section class="markdown"><p>Following the Ant Design specification, we developed a React UI library <code>antd</code> that contains a set of high quality components and demos for building rich, interactive user interfaces.</p><div class="pic-plus"><img width="150" src="https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg"/><span>+</span><img width="160" src="https://gw.alipayobjects.com/zos/antfincdn/aPkFc8Sj7n/method-draw-image.svg"/></div><style> 176.pic-plus > * { 177 display: inline-block !important; 178 vertical-align: middle; 179} 180.pic-plus span { 181 margin: 0 20px; 182 color: #aaa; 183 font-size: 30px; 184} 185</style></section></div><div class="toc-affix"><div class=""><ul class="toc"><li><a class="bisheng-toc-h2" href="#â¨-Features" title="⨠Features">⨠Features</a></li><li><a class="bisheng-toc-h2" href="#Environment-Support" title="Environment Support">Environment Support</a></li><li><a class="bisheng-toc-h2" href="#Version" title="Version">Version</a></li><li><a class="bisheng-toc-h2" href="#Installation" title="Installation">Installation</a></li><li><a class="bisheng-toc-h2" href="#Usage" title="Usage">Usage</a></li><li><a class="bisheng-toc-h2" href="#Links" title="Links">Links</a></li><li><a class="bisheng-toc-h2" href="#Companies-using-antd" title="Companies using antd">Companies using antd</a></li><li><a class="bisheng-toc-h2" href="#Contributing" title="Contributing">Contributing</a></li><li><a class="bisheng-toc-h2" href="#Need-Help?" title="Need Help?">Need Help?</a></li></ul></div></div><section class="markdown"><h2 id="â¨-Features"><span>⨠Features</span><a href="#â¨-Features" class="anchor">#</a></h2><ul><li><p>ð Enterprise-class UI designed for web applications.</p></li><li><p>ð¦ A set of high-quality React components out of the box.</p></li><li><p>ð¡ Written in TypeScript with predictable static types.</p></li><li><p>âï¸ Whole package of design resources and development tools.</p></li><li><p>ð Internationalization support for dozens of languages.</p></li><li><p>ð¨ Powerful theme customization in every detail.</p></li></ul><h2 id="Environment-Support"><span>Environment Support</span><a href="#Environment-Support" class="anchor">#</a></h2><ul><li><p>Modern browsers and Internet Explorer 11 (with <a href="https://ant.design/docs/react/getting-started#Compatibility">polyfills</a>)</p></li><li><p>Server-side Rendering</p></li><li><p><a href="https://www.electronjs.org/">Electron</a></p></li></ul><table><thead><tr><th><a href="http://godban.github.io/browsers-support-badges/"><img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px"/></a><br/>IE / Edge</th><th><a href="http://godban.github.io/browsers-support-badges/"><img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px"/></a><br/>Firefox</th><th><a href="http://godban.github.io/browsers-support-badges/"><img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px"/></a><br/>Chrome</th><th><a href="http://godban.github.io/browsers-support-badges/"><img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px"/></a><br/>Safari</th><th><a href="http://godban.github.io/browsers-support-badges/"><img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png" alt="Opera" width="24px" height="24px"/></a><br/>Opera</th><th><a href="http://godban.github.io/browsers-support-badges/"><img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/electron/electron_48x48.png" alt="Electron" width="24px" height="24px"/></a><br/>Electron</th></tr></thead><tbody><tr><td>IE11, Edge</td><td>last 2 versions</td><td>last 2 versions</td><td>last 2 versions</td><td>last 2 versions</td><td>last 2 versions</td></tr></tbody></table><p>Polyfills are needed for IE browsers. We recommend <a href="https://babeljs.io/docs/en/babel-preset-env">@babel/preset-env</a> for it. You can set <code>targets</code>
185 config if you are using <a href="http://umijs.org/">umi</a>.</p><blockquote><p>We drop support of IE8 after <code>[email protected]</code>, We drop support of React 15 and IE9/10 after <code>[email protected]</code>,</p></blockquote><h2 id="Version"><span>Version</span><a href="#Version" class="anchor">#</a></h2><ul><li><p>Stable: <a href="https://www.npmjs.org/package/antd"><img src="https://img.shields.io/npm/v/antd.svg?style=flat-square" alt="npm package"/></a></p></li></ul><p>You can subscribe to this feed for new version notifications: <a href="https://github.com/ant-design/ant-design/releases.atom">https://github.com/ant-design/ant-design/releases.atom</a></p><h2 id="Installation"><span>Installation</span><a href="#Installation" class="anchor">#</a></h2><h3 id="Using-npm-or-yarn"><span>Using npm or yarn</span><a href="#Using-npm-or-yarn" class="anchor">#</a></h3><p><strong>We recommend using npm or yarn to install</strong>, it not only makes development easier, but also allow you to take advantage of the rich ecosystem of Javascript packages and tooling.</p><pre class="language-bash"><code>$ <span class="token function">npm</span> <span class="token function">install</span> antd</code></pre><pre class="language-bash"><code>$ yarn add antd</code></pre><p>If you are in a bad network environment, you can try other registries and tools like <a href="https://github.com/cnpm/cnpm">cnpm</a>.</p><h3 id="Import-in-Browser"><span>Import in Browser</span><a href="#Import-in-Browser" class="anchor">#</a></h3><p>Add <code>script</code> and <code>link</code> tags in your browser and use the global variable <code>antd</code>.</p><p>We provide <code>antd.js</code> <code>antd.css</code> and <code>antd.min.js</code> <code>antd.min.css</code> under <code>antd/dist</code> in antd's npm package. You can also download these files directly from <a href="https://cdnjs.com/libraries/antd"><img src="https://img.shields.io/cdnjs/v/antd.svg?style=flat-square" alt="CDNJS"/></a>, <a href="https://www.jsdelivr.com/package/npm/antd"><img src="https://data.jsdelivr.com/v1/package/npm/antd/badge"/></a> or <a href="https://unpkg.com/antd/dist">unpkg</a>.</p><blockquote><p><strong>We strongly discourage loading the entire files</strong> this will add bloat to your application and make it more difficult to receive bugfixes and updates. Antd is intended to be used in conjunction with a build tool, such as <a href="https://webpack.github.io/">webpack</a>, which will make it easy to import only the parts of antd that you are using.</p><p>Note: you should import react/react-dom/moment before using antd.js.</p></blockquote><h2 id="Usage"><span>Usage</span><a href="#Usage" class="anchor">#</a></h2><pre class="language-jsx"><code><span class="token keyword">import</span> <span class="token punctuation">{</span> DatePicker <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span> 186 187ReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>DatePicker</span> <span class="token punctuation">/></span></span><span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre><p>And import stylesheets manually:</p><pre class="language-jsx"><code><span class="token keyword">import</span> <span class="token string">'antd/dist/antd.css'</span><span class="token punctuation">;</span> <span class="token comment" spellcheck="true">// or 'antd/dist/antd.less'</span></code></pre><h3 id="Use-modularized-antd"><span>Use modularized antd</span><a href="#Use-modularized-antd" class="anchor">#</a></h3><p><code>antd</code> supports ES modules tree shaking by default for JS part.</p><h3 id="TypeScript"><span>TypeScript</span><a href="#TypeScript" class="anchor">#</a></h3><p><code>antd</code> provides a built-in ts definition, don't install <code>@types/antd</code>.</p><h2 id="Links"><span>Links</span><a href="#Links" class="anchor">#</a></h2><ul><li><p><a href="/">Home page</a></p></li><li><p><a href="/components/overview/">Components</a></p></li><li><p><a href="https://pro.ant.design/">Ant Design Pro</a></p></li><li><p><a href="https://charts.ant.design">Ant Design Charts</a></p></li><li><p><a href="/changelog">Change Log</a></p></li><li><p><a href="http://react-component.github.io/">rc-components</a></p></li><li><p><a href="http://mobile.ant.design">Mobile UI</a></p></li><li><p><a href="https://github.com/ant-design/ant-design-icons">Ant Design Icons</a></p></li><li><p><a href="https://github.com/ant-design/ant-design-colors">Ant Design Colors</a></p></li><li><p><a href="https://github.com/ant-design/ant-design-pro-layout">Ant Design Pro Layout</a></p></li><li><p><a href="https://github.com/ant-design/pro-blocks">Ant Design Pro Blocks</a></p></li><li><p><a href="https://github.com/ant-design/ant-design-dark-theme">Dark Theme</a></p></li><li><p><a href="https://landing.ant.design">Landing Pages</a></p></li><li><p><a href="https://motion.ant.design">Motion</a></p></li><li><p><a href="http://scaffold.ant.design">Scaffold Market</a></p></li><li><p><a href="https://github.com/ant-design/ant-design/wiki/Development">Developer Instruction</a></p></li><li><p><a href="https://github.com/ant-design/ant-design/wiki/%E8%BD%AE%E5%80%BC%E8%A7%84%E5%88%99%E5%92%8C%E7%89%88%E6%9C%AC%E5%8F%91%E5%B8%83%E6%B5%81%E7%A8%8B">Versioning Release Note</a></p></li><li><p><a href="/docs/react/faq">FAQ</a></p></li><li><p><a href="https://u.ant.design/codesandbox-repro">CodeSandbox Template</a> for bug reports</p></li><li><p><a href="https://github.com/websemantics/awesome-ant-design">Awesome Ant Design</a></p></li><li><p><a href="/docs/react/customize-theme">Customize Theme</a></p></li><li><p><a href="https://github.com/ant-design/ant-design/wiki/Collaborators#how-to-apply-for-being-a-collaborator">How to Apply for Being A Collaborator</a></p></li></ul><h2 id="Companies-using-antd"><span>Companies using antd</span><a href="#Companies-using-antd" class="anchor">#</a></h2><ul><li><p><a href="http://www.antfin.com/index.htm?locale=en_US">Ant Financial</a></p></li><li><p><a href="http://www.alibaba.com/">Alibaba</a></p></li><li><p><a href="http://www.tencent.com">Tencent</a></p></li><li><p><a href="http://www.baidu.com">Baidu</a></p></li><li><p><a href="http://www.koubei.com/">Koubei</a></p></li><li><p><a href="http://www.meituan.com">Meituan</a></p></li><li><p><a href="http://www.xiaojukeji.com/">Didi</a></p></li><li><p><a href="https://www.ele.me/">Eleme</a></p></li></ul><blockquote><p>If your company or product uses Ant Design, let us know <a href="https://github.com/ant-design/ant-design/issues/477">here</a>!</p></blockquote><h2 id="Contributing"><span>Contributing</span><a href="#Contributing" class="anchor">#</a></h2><p>Please read our <a href="https://github.com/ant-design/ant-design/blob/master/.github/CONTRIBUTING.md">CONTRIBUTING.md</a> first.</p><p>If you'd like to help us improve antd, just create a <a href="https://github.com/ant-design/ant-design/pulls">Pull Request</a>. Feel free to report bugs and issues <a href="http://new-issue.ant.design/">here</a>.</p><blockquote><p>If you're new to posting issues, we ask that you read <a href="http://www.catb.org/~esr/faqs/smart-questions.html"><em>How To Ask Questions The Smart Way</em></a> and <a href="https://github.com/seajs/seajs/issues/545">How to Ask a Question in Open Source Community</a> and <a href="http://www.chiark.greenend.org.uk/~sgtatham/bugs.html">How to Report Bugs Effectively</a> prior to posting. Well written bug reports help us help you!</p></blockquote><h2 id="Need-Help?"><span>Need Help?</span><a href="#Need-Help" class="anchor">#</a></h2><p>For questions on how to use antd, please post questions to <a href="https://github.com/ant-design/ant-design/discussions">GitHub Discussions</a> using the <code>Q&A</code> tag or <a href="http://stackoverflow.com/questions/tagged/antd"><img alt="Stack Overflow" src="https://cdn.sstatic.net/Sites/stackoverflow/company/img/logos/so/so-logo.svg?v=2bb144720a66" width="140"/></a> using the <code>antd</code> tag.</p><p>As always, we encourage experienced users to help those who are not familiar with <code>antd</code>!</p></section><section class="markdown api-container"></section></article><div class="contributors-list" style="display:flex;list-style:none;margin:0;padding:0"><span style="opacity:0.3" class="ant-avatar ant-avatar-circle"><span class="ant-avatar-string" style="opacity:0"></span></span></div></section><section class="prev-next-nav"></section><footer class="rc-footer rc-footer-dark"><section class="rc-footer-container"><section class="rc-footer-columns"><div class="rc-footer-column"><h2>Resources</h2><div class="rc-footer-item"><a href="https://charts.ant.design" target="_blank" rel="noopener noreferrer">Ant Design Charts</a></div><div class="rc-footer-item"><a href="https://pro.ant.design" target="_blank" rel="noopener noreferrer">Ant Design Pro</a></div><div class="rc-footer-item"><a href="https://procomponents.ant.design" target="_blank" rel="noopener noreferrer">Ant Design Pro Components</a></div><div class="rc-footer-item"><a href="https://mobile.ant.design" target="_blank" rel="noopener noreferrer">Ant Design Mobile</a></div><div class="rc-footer-item"><a href="https://landing.ant.design" target="_blank" rel="noopener noreferrer">Ant Design Landing</a><span class="rc-footer-item-separator">-</span><span class="rc-footer-item-description">Landing Templates</span></div><div class="rc-footer-item"><a href="https://scaffold.ant.design" target="_blank" rel="noopener noreferrer">Scaffolds</a><span class="rc-footer-item-separator">-</span><span class="rc-footer-item-description">Scaffold Market</span></div><div class="rc-footer-item"><a href="https://umijs.org" target="_blank" rel="noopener noreferrer">Umi</a><span class="rc-footer-item-separator">-</span><span class="rc-footer-item-description">React Application Framework</span></div><div class="rc-footer-item"><a href="https://d.umijs.org" target="_blank" rel="noopener noreferrer">Dumi</a><span class="rc-footer-item-separator">-</span><span class="rc-footer-item-description">Component doc generator</span></div><div class="rc-footer-item"><a href="https://qiankun.umijs.org" target="_blank" rel="noopener noreferrer">qiankun</a><span class="rc-footer-item-separator">-</span><span class="rc-footer-item-description">Micro-Frontends Framework</span></div><div class="rc-footer-item"><a href="https://github.com/alibaba/hooks" target="_blank" rel="noopener noreferrer">ahooks</a><span class="rc-footer-item-separator">-</span><span class="rc-footer-item-description">React Hooks Library</span></div><div class="rc-footer-item"><a href="https://motion.ant.design" target="_blank" rel="noopener noreferrer">Ant Motion</a><span class="rc-footer-item-separator">-</span><span class="rc-footer-item-description">Motion Solution</span></div><div class="rc-footer-item"><a href="https://ant-design.gitee.io/">China Mirror ð¨ð³</a></div></div><div class="rc-footer-column"><h2>Community</h2><div class="rc-footer-item"><a href="https://github.com/websemantics/awesome-ant-design" target="_blank" rel="noopener noreferrer"><span class="rc-footer-item-icon"><span role="img" aria-label="ant-design" class="anticon anticon-ant-design"><svg viewBox="64 64 896 896" focusable="false" data-icon="ant-design" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M716.3 313.8c19-18.9 19-49.7 0-68.6l-69.9-69.9.1.1c-18.5-18.5-50.3-50.3-95.3-95.2-21.2-2
1870.7-55.5-20.5-76.5.5L80.9 474.2a53.84 53.84 0 000 76.4L474.6 944a54.14 54.14 0 0076.5 0l165.1-165c19-18.9 19-49.7 0-68.6a48.7 48.7 0 00-68.7 0l-125 125.2c-5.2 5.2-13.3 5.2-18.5 0L189.5 521.4c-5.2-5.2-5.2-13.3 0-18.5l314.4-314.2c.4-.4.9-.7 1.3-1.1 5.2-4.1 12.4-3.7 17.2 1.1l125.2 125.1c19 19 49.8 19 68.7 0zM408.6 514.4a106.3 106.2 0 10212.6 0 106.3 106.2 0 10-212.6 0zm536.2-38.6L821.9 353.5c-19-18.9-49.8-18.9-68.7.1a48.4 48.4 0 000 68.6l83 82.9c5.2 5.2 5.2 13.3 0 18.5l-81.8 81.7a48.4 48.4 0 000 68.6 48.7 48.7 0 0068.7 0l121.8-121.7a53.93 53.93 0 00-.1-76.4z"></path></svg></span></span>Awesome Ant Design</a></div><div class="rc-footer-item"><a href="http://medium.com/ant-design/" target="_blank" rel="noopener noreferrer"><span class="rc-footer-item-icon"><span role="img" aria-label="medium" class="anticon anticon-medium"><svg viewBox="64 64 896 896" focusable="false" data-icon="medium" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M834.7 279.8l61.3-58.9V208H683.7L532.4 586.4 360.3 208H137.7v12.9l71.6 86.6c7 6.4 10.6 15.8 9.7 25.2V673c2.2 12.3-1.7 24.8-10.3 33.7L128 805v12.7h228.6v-12.9l-80.6-98a39.99 39.99 0 01-11.1-33.7V378.7l200.7 439.2h23.3l172.6-439.2v349.9c0 9.2 0 11.1-6 17.2l-62.1 60.3V819h301.2v-12.9l-59.9-58.9c-5.2-4-7.9-10.7-6.8-17.2V297a18.1 18.1 0 016.8-17.2z"></path></svg></span></span>Medium</a></div><div class="rc-footer-item"><a href="http://twitter.com/antdesignui" target="_blank" rel="noopener noreferrer"><span class="rc-footer-item-icon"><span role="img" aria-label="twitter" style="color:#1DA1F2" class="anticon anticon-twitter"><svg viewBox="64 64 896 896" focusable="false" data-icon="twitter" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M928 254.3c-30.6 13.2-63.9 22.7-98.2 26.4a170.1 170.1 0 0075-94 336.64 336.64 0 01-108.2 41.2A170.1 170.1 0 00672 174c-94.5 0-170.5 76.6-170.5 170.6 0 13.2 1.6 26.4 4.2 39.1-141.5-7.4-267.7-75-351.6-178.5a169.32 169.32 0 00-23.2 86.1c0 59.2 30.1 111.4 76 142.1a172 172 0 01-77.1-21.7v2.1c0 82.9 58.6 151.6 136.7 167.4a180.6 180.6 0 01-44.9 5.8c-11.1 0-21.6-1.1-32.2-2.6C211 652 273.9 701.1 348.8 702.7c-58.6 45.9-132 72.9-211.7 72.9-14.3 0-27.5-.5-41.2-2.1C171.5 822 261.2 850 357.8 850 671.4 850 843 590.2 843 364.7c0-7.4 0-14.8-.5-22.2 33.2-24.3 62.3-54.4 85.5-88.2z"></path></svg></span></span>Twitter</a></div><div class="rc-footer-item"><a href="http://zhuanlan.zhihu.com/antdesign" target="_blank" rel="noopener noreferrer"><span class="rc-footer-item-icon"><span role="img" aria-label="zhihu" style="color:#0084ff" class="anticon anticon-zhihu"><svg viewBox="64 64 896 896" focusable="false" data-icon="zhihu" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M564.7 230.1V803h60l25.2 71.4L756.3 803h131.5V230.1H564.7zm247.7 497h-59.9l-75.1 50.4-17.8-50.4h-18V308.3h170.7v418.8zM526.1 486.9H393.3c2.1-44.9 4.3-104.3 6.6-172.9h130.9l-.1-8.1c0-.6-.2-14.7-2.3-29.1-2.1-15-6.6-34.9-21-34.9H287.8c4.4-20.6 15.7-69.7 29.4-93.8l6.4-11.2-12.9-.7c-.8 0-19.6-.9-41.4 10.6-35.7 19-51.7 56.4-58.7 84.4-18.4 73.1-44.6 123.9-55.7 145.6-3.3 6.4-5.3 10.2-6.2 12.8-1.8 4.9-.8 9.8 2.8 13 10.5 9.5 38.2-2.9 38.5-3 .6-.3 1.3-.6 2.2-1 13.9-6.3 55.1-25 69.8-84.5h56.7c.7 32.2 3.1 138.4 2.9 172.9h-141l-2.1 1.5c-23.1 16.9-30.5 63.2-30.8 65.2l-1.4 9.2h167c-12.3 78.3-26.5 113.4-34 127.4-3.7 7-7.3 14-10.7 20.8-21.3 42.2-43.4 85.8-126.3 153.6-3.6 2.8-7 8-4.8 13.7 2.4 6.3 9.3 9.1 24.6 9.1 5.4 0 11.8-.3 19.4-1 49.9-4.4 100.8-18 135.1-87.6 17-35.1 31.7-71.7 43.9-108.9L497 850l5-12c.8-1.9 19-46.3 5.1-95.9l-.5-1.8-108.1-123-22 16.6c6.4-26.1 10.6-49.9 12.5-71.1h158.7v-8c0-40.1-18.5-63.9-19.2-64.9l-2.4-3z"></path></svg></span></span>Ant Design Blog</a></div><div class="rc-footer-item"><a href="http://zhuanlan.zhihu.com/xtech" target="_blank" rel="noopener noreferrer"><span class="rc-footer-item-icon"><span role="img" aria-label="zhihu" style="color:#0084ff" class="anticon anticon-zhihu"><svg viewBox="64 64 896 896" focusable="false" data-icon="zhihu" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M564.7 230.1V803h60l25.2 71.4L756.3 803h131.5V230.1H564.7zm247.7 497h-59.9l-75.1 50.4-17.8-50.4h-18V308.3h170.7v418.8zM526.1 486.9H393.3c2.1-44.9 4.3-104.3 6.6-172.9h130.9l-.1-8.1c0-.6-.2-14.7-2.3-29.1-2.1-15-6.6-34.9-21-34.9H287.8c4.4-20.6 15.7-69.7 29.4-93.8l6.4-11.2-12.9-.7c-.8 0-19.6-.9-41.4 10.6-35.7 19-51.7 56.4-58.7 84.4-18.4 73.1-44.6 123.9-55.7 145.6-3.3 6.4-5.3 10.2-6.2 12.8-1.8 4.9-.8 9.8 2.8 13 10.5 9.5 38.2-2.9 38.5-3 .6-.3 1.3-.6 2.2-1 13.9-6.3 55.1-25 69.8-84.5h56.7c.7 32.2 3.1 138.4 2.9 172.9h-141l-2.1 1.5c-23.1 16.9-30.5 63.2-30.8 65.2l-1.4 9.2h167c-12.3 78.3-26.5 113.4-34 127.4-3.7 7-
1877.3 14-10.7 20.8-21.3 42.2-43.4 85.8-126.3 153.6-3.6 2.8-7 8-4.8 13.7 2.4 6.3 9.3 9.1 24.6 9.1 5.4 0 11.8-.3 19.4-1 49.9-4.4 100.8-18 135.1-87.6 17-35.1 31.7-71.7 43.9-108.9L497 850l5-12c.8-1.9 19-46.3 5.1-95.9l-.5-1.8-108.1-123-22 16.6c6.4-26.1 10.6-49.9 12.5-71.1h158.7v-8c0-40.1-18.5-63.9-19.2-64.9l-2.4-3z"></path></svg></span></span>Experience Cloud Blog</a></div><div class="rc-footer-item"><a href="https://seeconf.antfin.com/" target="_blank" rel="noopener noreferrer"><span class="rc-footer-item-icon"><img src="https://gw.alipayobjects.com/zos/rmsportal/mZBWtboYbnMkTBaRIuWQ.png" alt="seeconf"/></span>SEE Conf</a><span class="rc-footer-item-separator">-</span><span class="rc-footer-item-description">Experience Tech Conference</span></div></div><div class="rc-footer-column"><h2>Help</h2><div class="rc-footer-item"><a href="https://github.com/ant-design/ant-design" target="_blank" rel="noopener noreferrer"><span class="rc-footer-item-icon"><span role="img" aria-label="github" class="anticon anticon-github"><svg viewBox="64 64 896 896" focusable="false" data-icon="github" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M511.6 76.3C264.3 76.2 64 276.4 64 523.5 64 718.9 189.3 885 363.8 946c23.5 5.9 19.9-10.8 19.9-22.2v-77.5c-135.7 15.9-141.2-73.9-150.3-88.9C215 726 171.5 718 184.5 703c30.9-15.9 62.4 4 98.9 57.9 26.4 39.1 77.9 32.5 104 26 5.7-23.5 17.9-44.5 34.7-60.8-140.6-25.2-199.2-111-199.2-213 0-49.5 16.3-95 48.3-131.7-20.4-60.5 1.9-112.3 4.9-120 58.1-5.2 118.5 41.6 123.2 45.3 33-8.9 70.7-13.6 112.9-13.6 42.4 0 80.2 4.9 113.5 13.9 11.3-8.6 67.3-48.8 121.3-43.9 2.9 7.7 24.7 58.3 5.5 118 32.4 36.8 48.9 82.7 48.9 132.3 0 102.2-59 188.1-200 212.9a127.5 127.5 0 0138.1 91v112.5c.8 9 0 17.9 15 17.9 177.1-59.7 304.6-227 304.6-424.1 0-247.2-200.4-447.3-447.5-447.3z"></path></svg></span></span>GitHub</a></div><div class="rc-footer-item"><a href="/changelog"><span class="rc-footer-item-icon"><span role="img" aria-label="history" class="anticon anticon-history"><svg viewBox="64 64 896 896" focusable="false" data-icon="history" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M536.1 273H488c-4.4 0-8 3.6-8 8v275.3c0 2.6 1.2 5 3.3 6.5l165.3 120.7c3.6 2.6 8.6 1.9 11.2-1.7l28.6-39c2.7-3.7 1.9-8.7-1.7-11.2L544.1 528.5V281c0-4.4-3.6-8-8-8zm219.8 75.2l156.8 38.3c5 1.2 9.9-2.6 9.9-7.7l.8-161.5c0-6.7-7.7-10.5-12.9-6.3L752.9 334.1a8 8 0 003 14.1zm167.7 301.1l-56.7-19.5a8 8 0 00-10.1 4.8c-1.9 5.1-3.9 10.1-6 15.1-17.8 42.1-43.3 80-75.9 112.5a353 353 0 01-112.5 75.9 352.18 352.18 0 01-137.7 27.8c-47.8 0-94.1-9.3-137.7-27.8a353 353 0 01-112.5-75.9c-32.5-32.5-58-70.4-75.9-112.5A353.44 353.44 0 01171 512c0-47.8 9.3-94.2 27.8-137.8 17.8-42.1 43.3-80 75.9-112.5a353 353 0 01112.5-75.9C430.6 167.3 477 158 524.8 158s94.1 9.3 137.7 27.8A353 353 0 01775 261.7c10.2 10.3 19.8 21 28.6 32.3l59.8-46.8C784.7 146.6 662.2 81.9 524.6 82 285 82.1 92.6 276.7 95 516.4 97.4 751.9 288.9 942 524.8 942c185.5 0 343.5-117.6 403.7-282.3 1.5-4.2-.7-8.9-4.9-10.4z"></path></svg></span></span>Change Log</a></div><div class="rc-footer-item"><a href="/docs/react/faq"><span class="rc-footer-item-icon"><span role="img" aria-label="profile" class="anticon anticon-profile"><svg viewBox="64 64 896 896" focusable="false" data-icon="profile" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656zM492 400h184c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H492c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8zm0 144h184c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H492c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8zm0 144h184c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H492c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8zM340 368a40 40 0 1080 0 40 40 0 10-80 0zm0 144a40 40 0 1080 0 40 40 0 10-80 0zm0 144a40 40 0 1080 0 40 40 0 10-80 0z"></path></svg></span></span>FAQ</a></div><div class="rc-footer-item"><a href="https://new-issue.ant.design/" target="_blank" rel="noopener noreferrer"><span class="rc-footer-item-icon"><span role="img" aria-label="bug" class="anticon anticon-bug"><svg viewBox="64 64 896 896" focusable="false" data-icon="bug" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M304 280h56c4.4 0 8-3.6 8-8 0-28.3 5.9-53.2 17.1-73.5 10.6-19.4 26-34.8 45.4-45.4C450.9 142 475.7 136 504 136h16c28.3 0 53.2 5.9 73.5 17.1 19.4 10.6 34.8 26 45.4 45.4C650 218.9 656 243.7 656 272c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-40-8.8-76.7-25.9-108.1a184.31 184.31 0 00-74-74C596.7 72.8 560 64 520 64h-16c-40 0-76.7 8.8-108.1 25.9a184.31 184.31 0 00-74 74C304.8 195.3 296 232 296 272c0 4.4 3.6 8 8 8z"></path><path d="M940 512H792V412c76.8 0 139-62.2 139-139 0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8a63 63 0 01-63 63H232a63 63 0 01-63-63c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8 0 76.8 62.2 139 139 139v100H84c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h148v96c0 6.5.2 13 .7 19.3C164.1 728.6 116 796.7 116 876c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-44.2 23.9-82.9 59.6-103.7a273 273 0 0022.7 49c24.3 41.5 59 76.2 100.5 100.5S460.5 960 512 960s99.8-13.9 141.3-38.2a281.38 281.38 0 00123.2-149.5A120 120 0 01836 876c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-79.3-48.1-147.4-116.7-176.7.4-6.4.7-12.8.7-19.3v-96h148c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM716 680c0 36.8-9.7 72-27.8 102.9-17.7 30.3-43 55.6-73.3 73.3C584 874.3 548.8 884 512 884s-72-9.7-102.9-27.8c-30.3-17.7-55.6-43-73.3-73.3A202.75 202.75 0 01308 680V412h408v268z"></path></svg></span></span>Bug Report</a></div><div class="rc-footer-item"><a href="https://github.com/ant-design/ant-design/issues" target="_blank" rel="noopener noreferrer"><span class="rc-footer-item-icon"><span role="img" aria-label="issues-close" class="anticon anticon-issues-close"><svg viewBox="64 64 896 896" focusable="false" data-icon="issues-close" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M464 688a48 48 0 1096 0 48 48 0 10-96 0zm72-112c4.4 0 8-3.6 8-8V296c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8h48zm400-188h-59.3c-2.6 0-5 1.2-6.5 3.3L763.7 538.1l-49.9-68.8a7.92 7.92 0 00-6.5-3.3H648c-6.5 0-10.3 7.4-6.5 12.7l109.2 150.7a16.1 16.1 0 0026 0l165.8-228.7c3.8-5.3 0-12.7-6.5-12.7zm-44 306h-64.2c-5.5 0-10.6 2.9-13.6 7.5a352.2 352.2 0 01-49.8 62.2A355.92 355.92 0 01651.1 840a355 355 0 01-138.7 27.9c-48.1 0-94.8-9.4-138.7-27.9a355.92 355.92 0 01-113.3-76.3A353.06 353.06 0 01184 650.5c-18.6-43.8-28-90.5-28-138.5s9.4-94.7 28-138.5c17.9-42.4 43.6-80.5 76.4-113.2 32.8-32.7 70.9-58.4 113.3-76.3a355 355 0 01138.7-27.9c48.1 0 94.8 9.4 138.7 27.9 42.4 17.9 80.5 43.6 113.3 76.3 19 19 35.6 39.8 49.8 62.2 2.9 4.7 8.1 7.5 13.6 7.5H892c6 0 9.8-6.3 7.2-11.6C828.8 178.5 684.7 82 517.7 80 278.9 7
1877.2 80.5 272.5 80 511.2 79.5 750.1 273.3 944 512.4 944c169.2 0 315.6-97 386.7-238.4A8 8 0 00892 694z"></path></svg></span></span>Issues</a></div><div class="rc-footer-item"><a href="https://github.com/ant-design/ant-design/discussions" target="_blank" rel="noopener noreferrer"><span class="rc-footer-item-icon"><span role="img" aria-label="question-circle" class="anticon anticon-question-circle"><svg viewBox="64 64 896 896" focusable="false" data-icon="question-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path><path d="M623.6 316.7C593.6 290.4 554 276 512 276s-81.6 14.5-111.6 40.7C369.2 344 352 380.7 352 420v7.6c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V420c0-44.1 43.1-80 96-80s96 35.9 96 80c0 31.1-22 59.6-56.1 72.7-21.2 8.1-39.2 22.3-52.1 40.9-13.1 19-19.9 41.8-19.9 64.9V620c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-22.7a48.3 48.3 0 0130.9-44.8c59-22.7 97.1-74.7 97.1-132.5.1-39.3-17.1-76-48.3-103.3zM472 732a40 40 0 1080 0 40 40 0 10-80 0z"></path></svg></span></span>Discussions</a></div><div class="rc-footer-item"><a href="http://stackoverflow.com/questions/tagged/antd" target="_blank" rel="noopener noreferrer"><span class="rc-footer-item-icon"><span role="img" aria-label="question-circle" class="anticon anticon-question-circle"><svg viewBox="64 64 896 896" focusable="false" data-icon="question-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path><path d="M623.6 316.7C593.6 290.4 554 276 512 276s-81.6 14.5-111.6 40.7C369.2 344 352 380.7 352 420v7.6c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V420c0-44.1 43.1-80 96-80s96 35.9 96 80c0 31.1-22 59.6-56.1 72.7-21.2 8.1-39.2 22.3-52.1 40.9-13.1 19-19.9 41.8-19.9 64.9V620c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-22.7a48.3 48.3 0 0130.9-44.8c59-22.7 97.1-74.7 97.1-132.5.1-39.3-17.1-76-48.3-103.3zM472 732a40 40 0 1080 0 40 40 0 10-80 0z"></path></svg></span></span>StackOverflow</a></div><div class="rc-footer-item"><a href="https://segmentfault.com/t/antd" target="_blank" rel="noopener noreferrer"><span class="rc-footer-item-icon"><span role="img" aria-label="question-circle" class="anticon anticon-question-circle"><svg viewBox="64 64 896 896" focusable="false" data-icon="question-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path><path d="M623.6 316.7C593.6 290.4 554 276 512 276s-81.6 14.5-111.6 40.7C369.2 344 352 380.7 352 420v7.6c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V420c0-44.1 43.1-80 96-80s96 35.9 96 80c0 31.1-22 59.6-56.1 72.7-21.2 8.1-39.2 22.3-52.1 40.9-13.1 19-19.9 41.8-19.9 64.9V620c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-22.7a48.3 48.3 0 0130.9-44.8c59-22.7 97.1-74.7 97.1-132.5.1-39.3-17.1-76-48.3-103.3zM472 732a40 40 0 1080 0 40 40 0 10-80 0z"></path></svg></span></span>SegmentFault</a></div></div><div class="rc-footer-column"><h2><span class="rc-footer-column-icon"><img src="https://gw.alipayobjects.com/zos/rmsportal/nBVXkrFdWHxbZlmMbsaH.svg" alt="Ant XTech"/></span>More Products</h2><div class="rc-footer-item"><a href="https://yuque.com" target="_blank" rel="noopener noreferrer"><span class="rc-footer-item-icon"><img src="https://gw.alipayobjects.com/zos/rmsportal/XuVpGqBFxXplzvLjJBZB.svg" alt="yuque"/></span>YuQue</a><span class="rc-footer-item-separator">-</span><span class="rc-footer-item-description">Write your document as a team</span></div><div class="rc-footer-item"><a href="https://antv.vision" target="_blank" rel="noopener noreferrer"><span class="rc-footer-item-icon"><img src="https://gw.alipayobjects.com/zos/antfincdn/nc7Fc0XBg5/8a6844f5-a6ed-4630-9177-4fa5d0b7dd47.png" alt="AntV"/></span>AntV</a><span class="rc-footer-item-separator">-</span><span class="rc-footer-item-description">Data Visualization</span></div><div class="rc-footer-item"><a href="https://eggjs.org" target="_blank" rel="noopener noreferrer"><span class="rc-footer-item-icon"><img src="https://gw.alipayobjects.com/zos/antfincdn/v2%24rh7lqpu/82f338dd-b0a6-41bc-9a86-58aaa9df217b.png" alt="Egg"/></span>Egg</a><span class="rc-footer-item-separator">-</span><span class="rc-footer-item-description">Enterprise Node.js Framework</span></div><div class="rc-footer-item"><a href="https://kitchen.alipay.com" target="_blank" rel="noopener noreferrer"><span class="rc-footer-item-icon"><img src="https://gw.alipayobjects.com/zos/rmsportal/DMDOlAUhmktLyEODCMBR.ico" alt="kitchen"/></span>Kitchen</a><span class="rc-footer-item-separator">-</span><span class="rc-footer-item-description">Sketch Toolkit</span></div><div class="rc-footer-item"><a href="https://xtech.antfin.com/" target="_blank" rel="noopener noreferrer"><span class="rc-footer-item-icon"><img src="https://gw.alipayobjects.com/zos/rmsportal/nBVXkrFdWHxbZlmMbsaH.svg" alt="xtech"/></span>Ant Financial Experience Tech</a></div><div class="rc-footer-item"><a href="/components/config-provider/#components-config-provider-demo-theme"><span class="rc-footer-item-icon"><span role="img" aria-label="bg-colors" class="anticon anticon-bg-colors"><svg viewBox="64 64 896 896" focusable="false" data-icon="bg-colors" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M766.4 744.3c43.7 0 79.4-36.2 79.4-80.5 0-53.5-79.4-140.8-79.4-140.8S687 610.3 687 663.8c0 44.3 35.7 80.5 79.4 80.5zm-377.1-44.1c7.1 7.1 18.6 7.1 25.6 0l256.1-256c7.1-7.1 7.1-18.6 0-25.6l-256-256c-.6-.6-1.3-1.2-2-1.7l-78.2-78.2a9.11 9.11 0 00-12.8 0l-48 48a9.11 9.11 0 000 12.8l67.2 67.2-207.8 207.9c-7.1 7.1-7.1 18.6 0 25.6l255.9 256zm12.9-448.6l178.9 178.9H223.4l178.8-178.9zM904 816H120c-4.4 0-8 3.6-8 8v80c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-80c0-4.4-3.6-8-8-8z"></path></svg></span></span>Change theme color</a></div></div></section></section><section class="rc-footer-bottom"><div class="rc-footer-bottom-container">Made with <span style="color:#fff">â¤</span> by<!-- --> <a target="_blank" rel="noopener noreferrer" href="https://xtech.antfin.com">XTech</a></div></section></footer></div></div></div></div> 188 189
189<script src="/index-613fc5b6.js"></script>
189 190 191 <!-- Global Site Tag (gtag.js) - Google Analytics -->
vendor: 68 bytes, lines 191-192
191 192 <script async src="https://www.googletagmanager.com/gtag/js?id=
192UA-72788897-1
vendor: 16 bytes, lines 192-193
192"></script> 193
193<script> 194 if (!location.port) { 195 // Enable Google Analytics 196
vendor: 172 bytes, lines 196-201
196window.dataLayer = window.dataLayer || []; 197 function gtag() { 198 dataLayer.push(arguments); 199 } 200 gtag('js', new Date()); 201 gtag('config', '
201UA-72788897-1
vendor: 10 bytes, lines 201-202
201'); 202
202} 203 </script>
203 204 <!-- Hotjar Tracking Code for ant.design --> 205
205<script> 206 (function (h, o, t, j, a, r) { 207 if (location.hostname === 'localhost') { 208 return; 209 } 210 211 h.hj = 212 h.hj || 213 function () { 214 (h.hj.q = h.hj.q || []).push(arguments); 215 }; 216 h._hjSettings = { hjid: 473408, hjsv: 5 }; 217 a = o.getElementsByTagName('head')[0]; 218 r = o.createElement('script'); 219 r.async = 1; 220 r.src = t + h._hjSettings.hjid + j + h._hjSettings.hjsv; 221 a.appendChild(r); 222 })(window, document, '//static.hotjar.com/c/hotjar-', '.js?sv='); 223 </script>
223 224 225 <!-- 226 æè°¢æ¯ä½ä¸ºå¼æºçæ³è奿çäººä»¬ï¼æ¿ä½ 们å¨äººçæ°çæ éä¸å¸é£é¡ºï¼~ 227 https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*_7M0S7zdFBcAAAAAAAAAAAAAARQnAQ 228 229 2021.05.21 230 --> 231 </body> 232</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.