PageSourceSearch

https://preview-22251-ant-design.surge.sh/

html preview-22251-ant-design.surge.sh collected 2026-10-03 14:56:09 UTC 64,848 bytes, 128 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en" data-direction="ltr">
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    <title>Ant Design - A UI Design Language and React UI library</title>
8    <meta data-rh="true" name="description" content="An enterprise-class UI design language and React UI library with a set of high-quality React components, one of best React UI library for enterprises"/><meta data-rh="true" property="og:title" content="Ant Design - A UI Design Language and React UI library"/><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"/>
9    <link
10      rel="icon"
11      href="https://gw.alipayobjects.com/zos/rmsportal/rlpTLlbMzTNYuZGGCVYM.png"
12      type="image/x-icon"
13    />
14    
15    <link rel="stylesheet" type="text/css" href="/index-ecac3072.css" />
16    
17    <style id="nprogress-style">
18      #nprogress {
19        display: none;
20      }
21    </style>
22    <link rel="stylesheet/less" type="text/css" href="/color.less" />
23    
23<script src="https://polyfill.alicdn.com/polyfill.min.js?features=default,es2015,Intl"></script>
23
24    
24<script>
25      (function() {
26        function isLocalStorageNameSupported() {
27          var testKey = 'test';
28          var storage = window.localStorage;
29          try {
30            storage.setItem(testKey, '1');
31            storage.removeItem(testKey);
32            return true;
33          } catch (error) {
34            return false;
35          }
36        }
37        // 优先级提高到所有静态资源的前面,语言不对,加载其他静态资源没意义
38        var pathname = location.pathname;
39
40        function isZhCN(pathname) {
41          return /-cn\/?$/.test(pathname);
42        }
43        function getLocalizedPathname(path, zhCN) {
44          var pathname = path.startsWith('/') ? path : '/' + path;
45          if (!zhCN) {
46            // to enUS
47            return /\/?index-cn/.test(pathname) ? '/' : pathname.replace('-cn', '');
48          } else if (pathname === '/') {
49            return '/index-cn';
50          } else if (pathname.endsWith('/')) {
51            return pathname.replace(/\/$/, '-cn/');
52          }
53          return pathname + '-cn';
54        }
55
56        // 兼容旧的 URL, `?locale=...`
57        var queryString = location.search;
58        if (queryString) {
59          var isZhCNConfig = queryString.indexOf('zh-CN') > -1;
60          if (isZhCNConfig && !isZhCN(pathname)) {
61            location.pathname = getLocalizedPathname(pathname, isZhCNConfig);
62          }
63        }
64
65        // 首页无视链接里面的语言设置 https://github.com/ant-design/ant-design/issues/4552
66        if (isLocalStorageNameSupported() && (pathname === '/' || pathname === '/index-cn')) {
67          var lang =
68            (window.localStorage && localStorage.getItem('locale')) ||
69            ((navigator.language || navigator.browserLanguage).toLowerCase() === 'zh-cn'
70              ? 'zh-CN'
71              : 'en-US');
72          // safari is 'zh-cn', while other browser is 'zh-CN';
73          if ((lang === 'zh-CN') !== isZhCN(pathname)) {
74            location.pathname = getLocalizedPathname(pathname, lang === 'zh-CN');
75          }
76        }
77        document.documentElement.className += isZhCN(pathname) ? 'zh-cn' : 'en-us';
78      })();
79    </script>
79
80  </head>
81  <body>
82    <div id="react-content">
83      <div class="page-wrapper"><header id="header" class="clearfix home-header"><div class="ant-row" style="flex-flow:nowrap"><div style="flex:none" class="ant-col"><h1><a id="logo" href="/"><img alt="logo" src="https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg"/>Ant Design</a></h1></div><div style="flex:auto" class="ant-col menu-row"><div id="search-box" class=""><span role="img" aria-label="search" class="anticon anticon-search"><svg viewBox="64 64 896 896" focusable="false" class="" 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><input type="text" placeholder="Search in ant.design" class="ant-input" value=""/></div><ul class="ant-menu menu-site ant-menu-light ant-menu-root ant-menu-horizontal" id="nav" direction="ltr" role="menu"><li class="ant-menu-submenu ant-menu-submenu-horizontal ant-menu-overflowed-submenu" style="display:none" role="menuitem"><div class="ant-menu-submenu-title" role="button" aria-expanded="false" aria-haspopup="true"><span>···</span><i class="ant-menu-submenu-arrow"></i></div></li><li class="ant-menu-item ant-menu-item-only-child" role="menuitem"><a href="/docs/spec/introduce">Design</a></li><li class="ant-menu-submenu ant-menu-submenu-horizontal ant-menu-overflowed-submenu" style="display:none" role="menuitem"><div class="ant-menu-submenu-title" role="button" aria-expanded="false" aria-haspopup="true"><span>···</span><i class="ant-menu-submenu-arrow"></i></div></li><li class="ant-menu-item ant-menu-item-only-child" role="menuitem"><a href="/docs/react/introduce">Docs</a></li><li class="ant-menu-submenu ant-menu-submenu-horizontal ant-menu-overflowed-submenu" style="display:none" role="menuitem"><div class="ant-menu-submenu-title" role="button" aria-expanded="false" aria-haspopup="true"><span>···</span><i class="ant-menu-submenu-arrow"></i></div></li><li class="ant-menu-item ant-menu-item-only-child" role="menuitem"><a href="/components/button/">Components</a></li><li class="ant-menu-submenu ant-menu-submenu-horizontal ant-menu-overflowed-submenu" style="display:none" role="menuitem"><div class="ant-menu-submenu-title" role="button" aria-expanded="false" aria-haspopup="true"><span>···</span><i class="ant-menu-submenu-arrow"></i></div></li><li class="ant-menu-item ant-menu-item-only-child" role="menuitem"><a href="/docs/resources">Resources</a></li><li class="ant-menu-submenu ant-menu-submenu-horizontal ant-menu-overflowed-submenu" style="visibility:hidden;position:absolute" role="menuitem"><div class="ant-menu-submenu-title" role="button" aria-expanded="false" aria-haspopup="true"><span>···</span><i class="ant-menu-submenu-arrow"></i></div></li></ul><div class="ant-select version ant-select-sm ant-select-single ant-select-show-arrow"><div class="ant-select-selector"><span class="ant-select-selection-search"><input autoComplete="off" class="ant-select-selection-search-input" style="opacity:0" role="combobox" aria-haspopup="listbox" aria-owns="undefined_list" aria-autocomplete="list" aria-controls="undefined_list" aria-activedescendant="undefined_list_0" value="" readonly=""/></span><span class="ant-select-selection-item">4.0.3</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"><svg viewBox="64 64 896 896" focusable="false" class="" 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 header-button header-lang-button ant-btn-sm">中文</button><button type="button" class="ant-btn header-button header-direction-button ant-btn-sm"><span>RTL</span></button><button type="button" class="ant-btn header-button ant-dropdown-trigger ant-btn-sm">More<span role="img" aria-label="down" style="font-size:9px;margin-left:2px;vertical-align:middle;margin-top:-1px" class="anticon anticon-down"><svg viewBox="64 64 896 896" focusable="false" class="" 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="home-container"><style>
84    .rc-footer-container {
85      padding-left: 0;
86      padding-right: 0;
87    }
88
89    .rc-footer-columns {
90      max-width: 1208px;
91      margin: 0 auto;
92    }
93  </style><div class="home-banner"><div class="home-banner-background"><img alt="background" src="https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*kJM2Q6uPXCAAAAAAAAAAAABkARQnAQ"/><svg viewBox="0 0 1440 448"><g transform="translate(380, 30)" opacity="1" frame="0"><g transform="matrix(1, 0, 0, 1, 0, 0)"><g transform="rotate(0, 170, 170)"><svg><defs><filter id="banner-circle-shadow-1"><feDropShadow dx="10" dy="10" stdDeviation="10" flood-color="rgba(0,0,0,0.05)"></feDropShadow></filter><linearGradient id="banner-circle-fill-1" x1="0%" y1="0%" x2="0%" y2="
93100%"><stop offset="0%" style="stop-color:#FAFCFE"></stop><stop offset="100%" style="stop-color:#F9FCFE"></stop></linearGradient></defs><circle cx="170" cy="170" r="140" fill="url(#banner-circle-fill-1)" filter="url(#banner-circle-shadow-1)"></circle></svg></g></g></g><g transform="translate(-230, 218)" opacity="1" frame="0"><g transform="matrix(1, 0, 0, 1, 0, 0)"><g transform="rotate(0, 230, 230)"><svg><defs><filter id="banner-circle-shadow-2"><feDropShadow dx="10" dy="10" stdDeviation="10" flood-color="rgba(0,0,0,0.05)"></feDropShadow></filter><linearGradient id="banner-circle-fill-2" x1="0%" y1="0%" x2="0%" y2="100%"><stop offset="0%" style="stop-color:#FAFCFE"></stop><stop offset="50%" style="stop-color:#F3F9FC"></stop></linearGradient></defs><circle cx="230" cy="230" r="200" fill="url(#banner-circle-fill-2)" filter="url(#banner-circle-shadow-2)"></circle></svg></g></g></g><g transform="translate(1280, 180)" opacity="1" frame="0"><g transform="matrix(1, 0, 0, 1, 0, 0)"><g transform="rotate(0, 120, 120)"><svg><defs><filter id="banner-rect-shadow-1"><feDropShadow dx="10" dy="10" stdDeviation="10" flood-color="rgba(0,0,0,0.05)"></feDropShadow></filter><linearGradient id="banner-rect-fill-1" x1="0%" y1="0%" x2="0%" y2="100%"><stop offset="25%" style="stop-color:#F8FCFF"></stop><stop offset="100%" style="stop-color:#F8FBFF"></stop></linearGradient></defs><rect x="30" y="30" width="180" height="180" fill="url(#banner-rect-fill-1)" filter="url(#banner-rect-shadow-1)"></rect></svg></g></g></g><g transform="translate(670, -660)" opacity="1" frame="0"><g transform="matrix(1, 0, 0, 1, 0, 0)"><g transform="rotate(0, 430, 430)"><svg width="860" height="860"><defs><filter id="banner-diamond-shadow-1"><feDropShadow dx="10" dy="10" stdDeviation="10" flood-color="rgba(0,0,0,0.05)"></feDropShadow></filter><linearGradient id="banner-diamond-fill-1" x1="0%" y1="0%" x2="0%" y2="100%"><stop offset="60%" style="stop-color:#FCFDFF"></stop><stop offset="100%" style="stop-color:#FCFDFE"></stop></linearGradient></defs><path d="M 30 430 430 30 830 430 430 830 Z" fill="url(#banner-diamond-fill-1)" filter="url(#banner-diamond-shadow-1)"></path></svg></g></g></g></svg></div><div class="home-banner-holder"><div class="home-banner-content"><div><div class="home-card-logo"><img alt="Ant Design" src="https://gw.alipayobjects.com/zos/basement_prod/80e7d303-aa05-4c2d-94e9-2255ab5cea6c.svg" class="home-banner-mini"/><img width="490" height="87" alt="Ant Design" src="https://gw.alipayobjects.com/zos/basement_prod/5b153736-dfe3-4a73-9454-68607c8103e4.svg" class="home-banner-normal"/><svg viewBox="0 0 64 64" class="home-card-logo-icon"><g transform="translate(16, 16)" opacity="1" frame="0" cubic="0.25,0.1,0.25,1"><g transform="matrix(1, 0, 0, 1, 0, 0)"><g transform="rotate(0, 16, 16)"><svg><circle cx="16" cy="16" r="9" fill="#F74455"></circle></svg></g></g></g></svg></div></div><p>A design system for enterprise-level products. Create an efficient and enjoyable work experience.</p><a class="banner-video"><span role="img" aria-label="play-circle" class="anticon anticon-play-circle"><svg viewBox="64 64 896 896" focusable="false" class="" data-icon="play-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 64zm144.1 454.9L437.7 677.8a8.02 8.02 0 01-12.7-6.5V353.7a8 8 0 0112.7-6.5L656.1 506a7.9 7.9 0 010 12.9z"></path></svg></span> <!-- -->Play video</a><div class="home-banner-content-operations"><a href="/docs/react/introduce"><button type="button" class="ant-btn ant-btn-primary ant-btn-round">Getting Started</button></a><a href="/docs/spec/introduce"><button type="button" class="ant-btn ant-btn-round ant-btn-background-ghost">Design Language</button></a></div></div></div></div><div style="max-width:1256px;margin:0 auto"><div class="home-block-content"><h2 class="ant-typography" style="font-weight:lighter;color:#314659" direction="ltr">Recommend</h2><div class="ant-row" style="margin-left:-12px;margin-right:-12px;margin-top:-12px;margin-bottom:-36px"><div style="padding-left:12px;padding-right:12px;padding-top:12px;padding-bottom:12px" class="ant-col ant-col-xs-24 ant-col-sm-14"><a class="recommend-block recommend-block-main" href="https://github.com/ant-design/ant-design/issues/21656" target="_blank" rel="noopener noreferrer"><img src="https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*G0nDS5-aESoAAAAAAAAAAABkARQnAQ" alt="Ant Design 4.0 is out!"/><span class="recommend-popularize">Popularize</span><div class="recommend-content"><h4 class="ant-typography" direction="ltr">Ant Design 4.0 is out!</h4><div class="ant-typography" direction="ltr">⚡️ Smaller, faster, prettier and more powerfull, finally Ant Design 4.0 right here.</div></div></a></div><div style="padding-left:12px;padding-right:12px;padding-top:12px;padding-bottom:12px" class="ant-col ant-col-xs-24 ant-col-sm-10"><div class="ant-row" style="margin-left:-12px;margin-right:-12px;margin-top:-12px;margin-bottom:12px"><div style="padding-left:12px;padding-right:12px;padding-top:12px;padding-bottom:12px" class="ant-col ant-col-24"><a class="recommend-block" href="https://medium.com/ant-design/introduce-antv-a-new-player-in-data-visualization-90ca999cfb08" target="_blank" rel="noopener noreferrer"><img src="https://gw.alipayobjects.com/zos/antfincdn/Vb5TpaLRSn/089e332b-a54c-421e-a4f0-f2a3480e2f42.png" alt="Introduce AntV"/><div class="recommend-content"><h4 class="ant-typography" direction="ltr">Introduce AntV</h4><div class="ant-typography" direction="ltr">✨ New player of front-end data visualization</div></div></a></div><div style="padding-left:12px;padding-right:12px;padding-top:12px;padding-bottom:12px" class="ant-col ant-col-24"><a class="recommend-block" href="https://github.com/antvis/G2Plot" target="_blank" rel="noopener noreferrer"><img src="https://gw.alipayobjects.com/zos/antfincdn/NBwf%24mYoDf/d100a715-d763-4bc5-b801-23b7f56b665d.png" alt="G2Plot: a charting library"/><div class="recommend-content"><h4 class="ant-typography" direction="ltr">G2Plot: a charting library</h4><div class="ant-typography" direction="ltr">📊 A charting library based on the grammar of graphics</div></div></a></div></div></div></div></div><div class="home-block-content"><h2 class="ant-typography" style="font-weight:lighter;color:#314659" direction="ltr">Design language and framework</h2><div style="margin-bottom:-28px"><div class="ant-row" style="margin-left:-20px;margin-right:-20px;margin-top:-20px;margin-bottom:20px"><div style="padding-left:20px;padding-right:20px;padding-top:20px;padding-bottom:20px" class="ant-col ant-col-24"><div class="design-card main-card"><h3 class="ant-typography" direction="ltr">Design values</h3><div class="ant-row ant-row-stretch"><div class="ant-col ant-col-xs-24 ant-col-sm-8">
93This is an internal criterion for Ant Design to evaluate good design. Based on the postulate that &quot;everyone pursues pleasure at work&quot;, we have added the two values of &quot;Meaningful&quot; and &quot;Growing&quot; on the basis of &quot;Certain&quot; and &quot;Natural&quot; to guide each designer to do better judgment and decision.<a class="design-card-detail" href="/docs/spec/values">Detail<span role="img" aria-label="right" class="anticon anticon-right home-link-arrow"><svg viewBox="64 64 896 896" focusable="false" class="" data-icon="right" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"></path></svg></span></a></div><div class="ant-col ant-col-xs-24 ant-col-sm-16"><div class="ant-row design-values"><div class="ant-col ant-col-xs-12 ant-col-sm-6"><img alt="certainty" src="https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*43rfS4dD0MUAAAAAAAAAAABkARQnAQ"/><span><svg viewBox="0 0 120 120" style="width:120px;height:120px"><g transform="translate(14, 14)" opacity="1" frame="0"><g transform="matrix(1, 0, 0, 1, 0, 0)"><g transform="rotate(0, 7, 7)"><rect x="0" y="0" width="14" height="14" fill="#0170FE"></rect></g></g></g><g transform="translate(14, 40)" opacity="1" frame="0"><g transform="matrix(1, 0, 0, 1, 0, 0)"><g transform="rotate(0, 7, 7)"><rect x="0" y="0" width="14" height="14" fill="#0170FE"></rect></g></g></g><g transform="translate(14, 66)" opacity="1" frame="0"><g transform="matrix(1, 0, 0, 1, 0, 0)"><g transform="rotate(0, 7, 7)"><rect x="0" y="0" width="14" height="14" fill="#0170FE"></rect></g></g></g><g transform="translate(14, 92)" opacity="1" frame="0"><g transform="matrix(1, 0, 0, 1, 0, 0)"><g transform="rotate(0, 7, 7)"><rect x="0" y="0" width="14" height="14" fill="#0170FE"></rect></g></g></g><g transform="translate(40, 14)" opacity="1" frame="0"><g transform="matrix(1, 0, 0, 1, 0, 0)"><g transform="rotate(0, 7, 7)"><rect x="0" y="0" width="14" height="14" fill="#0170FE"></rect></g></g></g><g transform="translate(40, 40)" opacity="1" frame="0"><g transform="matrix(1, 0, 0, 1, 0, 0)"><g transform="rotate(0, 7, 7)"><rect x="0" y="0" width="14" height="14" fill="#0170FE"></rect></g></g></g><g transform="translate(40, 66)" opacity="1" frame="0"><g transform="matrix(1, 0, 0, 1, 0, 0)"><g transform="rotate(0, 7, 7)"><rect x="0" y="0" width="14" height="14" fill="#0170FE"></rect></g></g></g><g transform="translate(40, 92)" opacity="1" frame="0"><g transform="matrix(1, 0, 0, 1, 0, 0)"><g transform="rotate(0, 7, 7)"><rect x="0" y="0" width="14" height="14" fill="#0170FE"></rect></g></g></g><g transform="translate(66, 14)" opacity="1" frame="0"><g transform="matrix(1, 0, 0, 1, 0, 0)"><g transform="rotate(0, 7, 7)"><rect x="0" y="0" width="14" height="14" fill="#0170FE"></rect></g></g></g><g transform="translate(66, 40)" opacity="1" frame="0"><g transform="matrix(1, 0, 0, 1, 0, 0)"><g transform="rotate(0, 7, 7)"><rect x="0" y="0" width="14" height="14" fill="#0170FE"></rect></g></g></g><g transform="translate(66, 66)" opacity="1" frame="0"><g transform="matrix(1, 0, 0, 1, 0, 0)"><g transform="rotate(0, 7, 7)"><rect x="0" y="0" width="14" height="14" fill="#0170FE"></rect></g></g></g><g transform="translate(66, 92)" opacity="1" frame="0"><g transform="matrix(1, 0, 0, 1, 0, 0)"><g transform="rotate(0, 7, 7)"><rect x="0" y="0" width="14" height="14" fill="#0170FE"></rect></g></g></g><g transform="translate(92, 14)" opacity="1" frame="0"><g transform="matrix(1, 0, 0, 1, 0, 0)"><g transform="rotate(0, 7, 7)"><rect x="0" y="0" width="14" height="14" fill="#0170FE"></rect></g></g></g><g transform="translate(92, 40)" opacity="1" frame="0"><g transform="matrix(1, 0, 0, 1, 0, 0)"><g transform="rotate(0, 7, 7)"><rect x="0" y="0" width="14" height="14" fill="#0170FE"></rect></g></g></g><g transform="translate(92, 66)" opacity="1" frame="0"><g transform="matrix(1, 0, 0, 1, 0, 0)"><g transform="rotate(0, 7, 7)"><rect x="0" y="0" width="14" height="14" fill="#0170FE"></rect></g></g></g><g transform="translate(92, 92)" opacity="1" frame="0"><g transform="matrix(1, 0, 0, 1, 0, 0)"><g transform="rotate(0, 7, 7)"><rect x="0" y="0" width="14" height="14" fill="#0170FE"></rect></g></g></g></svg></span><h4>Certain</h4></div><div class="ant-col ant-col-xs-12 ant-col-sm-6"><img alt="meaningful" src="https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*abGUQKUocSMAAAAAAAAAAABkARQnAQ"/>
93<span><svg viewBox="0 0 120 120" style="width:120px;height:120px"><g transform="translate(24, 24)" opacity="0.4" frame="0"><g transform="matrix(1.3, 0, 0, 1.3, -10.800000000000004, -10.800000000000004)"><g transform="rotate(0, 36, 36)"><circle cx="36" cy="36" r="30" stroke="#F74455" stroke-width="12" fill="rgba(0,0,0,0)"></circle></g></g></g><g transform="translate(24, 24)" opacity="1" frame="0"><g transform="matrix(1, 0, 0, 1, 0, 0)"><g transform="rotate(0, 36, 36)"><circle cx="36" cy="36" r="30" stroke="#F74455" stroke-width="12" fill="rgba(0,0,0,0)"></circle></g></g></g><g transform="translate(47, 48)" opacity="1" frame="0" cubic="0.25,0.1,0.25,1"><g transform="matrix(1, 0, 0, 1, 0, 0)"><g transform="rotate(0, 13, 12)"><path fill="#F74455" d="M24.7788462,5.41153846 C24.3923077,4.51442308 23.8384615,3.7125 23.1375,3.02307692 C22.4365385,2.33653846 21.6230769,1.8 20.7144231,1.42211538 C19.7769231,1.03269231 18.7846154,0.836538462 17.7605769,0.836538462 C16.3384615,0.836538462 14.9509615,1.22596154 13.7451923,1.96153846 C13.4567308,2.1375 13.1826923,2.33076923 12.9230769,2.54134615 C12.6634615,2.33076923 12.3894231,2.1375 12.1009615,1.96153846 C10.8951923,1.22596154 9.50769231,0.836538462 8.08557692,0.836538462 C7.06153846,0.836538462 6.06923077,1.03269231 5.13173077,1.42211538 C4.22596154,1.79711538 3.40961538,2.33653846 2.70865385,3.02307692 C2.00480769,3.7125 1.45384615,4.51442308 1.06730769,5.41153846 C0.666346154,6.34326923 0.461538462,7.33269231 0.461538462,8.35096154 C0.461538462,9.31153846 0.657692308,10.3125 1.04711538,11.3307692 C1.37307692,12.1817308 1.84038462,13.0644231 2.4375,13.9557692 C3.38365385,15.3663462 4.68461538,16.8375 6.3,18.3288462 C8.97692308,20.8009615 11.6278846,22.5086538 11.7403846,22.5778846 L12.4240385,23.0163462 C12.7269231,23.2096154 13.1163462,23.2096154 13.4192308,23.0163462 L14.1028846,22.5778846 C14.2153846,22.5057692 16.8634615,20.8009615 19.5432692,18.3288462 C21.1586538,16.8375 22.4596154,15.3663462 23.4057692,13.9557692 C24.0028846,13.0644231 24.4730769,12.1817308 24.7961538,11.3307692 C25.1855769,10.3125 25.3817608,9.31153846 25.3817608,8.35096154 C25.3846154,7.33269231 25.1798077,6.34326923 24.7788462,5.41153846 Z"></path></g></g></g></svg></span><h4>Meaningful</h4></div><div class="ant-col ant-col-xs-12 ant-col-sm-6"><img alt="growth" src="https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*NvhsRKmTLwUAAAAAAAAAAABkARQnAQ"/><span><svg viewBox="0 0 120 120" style="width:120px;height:120px"><g transform="translate(20, 12)" opacity="1" frame="0"><g transform="matrix(1, 0, 0, 1, 0, 0)"><g transform="rotate(0, 0, 0)"><path fill="#FFB200" d="M81.8274462,0.126276923 L81.8274462,19.3203692 L75.7661538,19.3203692 L75.7666925,9.85015287 C58.6630313,32.8286615 33.5224908,52.4154208 0.389745066,68.6317684 L1.32871492e-12,68.8209231 L0.00109197241,62.0542198 C30.7061773,46.7059243 54.0774442,28.4225755 70.1546362,7.22315635 L70.7125099,6.48245893 L70.931,6.18727692 L62.6333538,6.18756923 L62.6333538,0.126276923 L81.8274462,0.126276923 Z"></path></g></g></g><g transform="translate(18, 88)" opacity="1" frame="0"><g transform="matrix(1, 0, 0, 1.2, 0, -2)"><g transform="rotate(0, 0, 10)"><rect x="0" y="0" width="10" height="10" fill="#FFD75A"></rect></g></g></g><g transform="translate(37, 88)" opacity="1" frame="0"><g transform="matrix(1, 0, 0, 2.1, 0, -11)"><g transform="rotate(0, 0, 10)"><rect x="0" y="0" width="10" height="10" fill="#FFD75A"></rect></g></g></g><g transform="translate(56, 88)" opacity="1" frame="0"><g transform="matrix(1, 0, 0, 3.1, 0, -21)"><g transform="rotate(0, 0, 10)"><rect x="0" y="0" width="10" height="10" fill="#FFD75A"></rect></g></g></g><g transform="translate(75, 88)" opacity="1" frame="0"><g transform="matrix(1, 0, 0, 4.5, 0, -35)"><g transform="rotate(0, 0, 10)"><rect x="0" y="0" width="10" height="10" fill="#FFD75A"></rect></g></g></g><g transform="translate(94, 88)" opacity="1" frame="0"><g transform="matrix(1, 0, 0, 6, 0, -50)"><g transform="rotate(0, 0, 10)"><rect x="0" y="0" width="10" height="10" fill="#FFD75A"></rect></g></g></g></svg></span><h4>Growing</h4></div><div class="ant-col ant-col-xs-12 ant-col-sm-6"><img alt="natural" src="https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*cY0tTr8q3Y4AAAAAAAAAAABkARQnAQ"/>
93<span><svg viewBox="0 0 120 120" style="width:120px;height:120px"><g transform="translate(40, 10)" opacity="1" frame="0"><g transform="matrix(1, 0, 0, 1, 0, 0)"><g transform="rotate(0, 20, 52)"><g transform="translate(-21, 0)"><path fill="#1AC2C4" d="M28.2905357,39.3895069 C19.5022967,30.5689999 19.0276854,22.2248468 26.8667019,14.3570476 L40.9119428,0.260236443 L41.1921968,3.90798505e-14 L41.4726726,0.260236443 L55.5179135,14.3570476 C63.2785398,22.1461688 62.8909795,30.4021645 54.3552327,39.1250346 L54.0940797,39.3895069 L41.1924185,52.3384615 L28.2905357,39.3895069 Z"></path></g></g></g></g><g transform="translate(18, 58)" opacity="1" frame="0"><g transform="matrix(1, 0, 0, 1, 0, 0)"><g transform="rotate(0, 38, 38)"><g><path transform="scale(-1 1) translate(-38 0)" d="M5.09459142e-12,19.103307 C5.09459142e-12,6.367769 5.67998275,9.23705556e-14 17.0399482,9.23705556e-14 L37.3937073,9.23705556e-14 L37.7846452,0.0151941192 L37.8,0.406292705 L37.8,20.7600518 C37.8,32.0064176 31.5589496,37.6858323 19.0768488,37.798296 L18.696693,37.8 L5.09459142e-12,37.8 L5.09459142e-12,19.103307 Z" fill="#199598"></path><path d="M37.8,37.8 L19.103307,37.8 L18.7231512,37.7982398 C6.38129872,37.6870398 0.141036235,32.1332859 0.00236373579,21.1369781 L1.4814816e-12,20.7599955 L1.4814816e-12,0.406236487 L0.0153547541,0.0151379008 L37.8,37.8 Z" fill="#1AC2C4"></path></g></g></g></g><g transform="translate(64, 58)" opacity="1" frame="0"><g transform="matrix(1, 0, 0, 1, 0, 0)"><g transform="rotate(0, 0, 38)"><g><path transform="translate(-45 -50)" fill="#32A7A7" d="M82.4631296,49.9151931 L82.8540675,49.9303872 L82.8694223,50.3214858 L82.8694223,70.6752449 C82.8694223,81.9216107 76.6283719,87.6010254 64.1462711,87.7134891 L63.7661153,87.7151931 L45.0694223,87.7151931 L45.0694223,69.0185001 C45.0694223,56.2829621 50.749405,49.9151931 62.1093705,49.9151931 L82.4631296,49.9151931 Z M76.7205394,56 L62.7205993,56 C54.9068664,56 51,60.3799469 51,69.1398408 L51,69.1398408 L51,82 L63.8601592,82 L64.121642,81.9988279 C72.707214,81.921472 77,78.0149962 77,70.2794007 L77,70.2794007 L77,56.2794606 L76.9894385,56.010451 L76.7205394,56 Z"></path></g></g></g></g></svg></span><h4>Natural</h4></div></div></div></div></div></div><div style="padding-left:20px;padding-right:20px;padding-top:20px;padding-bottom:20px" class="ant-col ant-col-xs-24 ant-col-sm-12"><div class="design-card sub-card" style="background:#E6F1FF;background-image:url(https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*0oaHSYRcnT4AAAAAAAAAAABkARQnAQ)"><div class="ant-row"><div class="ant-col card-info ant-col-xs-24 ant-col-sm-9"><h3 class="ant-typography" direction="ltr">Guidelines</h3><ul><li><a href="/docs/spec/colors">Global style<span role="img" aria-label="right" class="anticon anticon-right home-link-arrow"><svg viewBox="64 64 896 896" focusable="false" class="" data-icon="right" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"></path></svg></span></a></li><li><a href="/docs/spec/overview">Design patterns<span role="img" aria-label="right" class="anticon anticon-right home-link-arrow"><svg viewBox="64 64 896 896" focusable="false" class="" data-icon="right" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"></path></svg></span></a></li></ul></div><div style="align-self:flex-end;text-align:right" class="ant-col design-card-img-col ant-col-xs-24 ant-col-sm-15"><img alt="design guide" style="max-height:278px;max-width:100%" src="https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*5PRzTL4pwuYAAAAAAAAAAABkARQnAQ"/></div></div></div></div><div style="padding-left:20px;padding-right:20px;padding-top:20px;padding-bottom:20px" class="ant-col ant-col-xs-24 ant-col-sm-12"><div class="design-card sub-card" style="background:#DEF6FF;background-image:url(https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*TLJTT78n7rMAAAAAAAAAAABkARQnAQ)"><div class="ant-row"><div class="ant-col card-info ant-col-xs-24 ant-col-sm-9"><h3 class="ant-typography" direction="ltr">Components</h3><ul><li><a href="/docs/react/introduce">
93Ant Design of React<span role="img" aria-label="right" class="anticon anticon-right home-link-arrow"><svg viewBox="64 64 896 896" focusable="false" class="" data-icon="right" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"></path></svg></span></a></li><li><a href="https://ng.ant.design/" target="_blank" rel="noopener noreferrer">Ant Design of Angular<span role="img" aria-label="right" class="anticon anticon-right home-link-arrow"><svg viewBox="64 64 896 896" focusable="false" class="" data-icon="right" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"></path></svg></span></a></li><li><a href="https://vue.ant.design/" target="_blank" rel="noopener noreferrer">Ant Design of Vue<span role="img" aria-label="right" class="anticon anticon-right home-link-arrow"><svg viewBox="64 64 896 896" focusable="false" class="" data-icon="right" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"></path></svg></span></a></li></ul></div><div style="align-self:flex-end;text-align:right" class="ant-col ant-col-xs-24 ant-col-sm-15"><img alt="components" class="design-card-img-col" style="max-height:278px;max-width:100%" src="https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*8VDFTbQn4UAAAAAAAAAAAABkARQnAQ"/></div></div></div></div></div><div class="ant-row design-mini-panels" style="margin-left:-20px;margin-right:-20px;margin-top:40px;margin-bottom:20px"><div style="padding-left:20px;padding-right:20px;padding-top:20px;padding-bottom:20px" class="ant-col ant-col-xs-24 ant-col-sm-8"><a href="https://antv.vision" target="_blank" rel="noopener noreferrer"><div class="ant-card design-mini-panel ant-card-bordered ant-card-hoverable"><div class="ant-card-cover"><img alt="AntV" src="https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*ZhzDQLMyYlYAAAAAAAAAAABkARQnAQ"/></div><div class="ant-card-body"><div class="ant-card-meta"><div class="ant-card-meta-detail"><div class="ant-card-meta-title">AntV</div><div class="ant-card-meta-description">A new generation of data visualization solution</div></div></div></div></div></a></div><div style="padding-left:20px;padding-right:20px;padding-top:20px;padding-bottom:20px" class="ant-col ant-col-xs-24 ant-col-sm-8"><a href="https://pro.ant.design/" target="_blank" rel="noopener noreferrer"><div class="ant-card design-mini-panel ant-card-bordered ant-card-hoverable"><div class="ant-card-cover"><img alt="Ant Design Pro" src="https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*I-ygS5prYksAAAAAAAAAAABkARQnAQ"/></div><div class="ant-card-body"><div class="ant-card-meta"><div class="ant-card-meta-detail"><div class="ant-card-meta-title">Ant Design Pro</div><div class="ant-card-meta-description">Out-of-box UI solution for enterprise applications</div></div></div></div></div></a></div><div style="padding-left:20px;padding-right:20px;padding-top:20px;padding-bottom:20px" class="ant-col ant-col-xs-24 ant-col-sm-8"><a href="https://mobile.ant.design/" target="_blank" rel="noopener noreferrer"><div class="ant-card design-mini-panel ant-card-bordered ant-card-hoverable"><div class="ant-card-cover"><img alt="Ant Design Mobile" src="https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*mb-WQILTlSEAAAAAAAAAAABkARQnAQ"/></div><div class="ant-card-body"><div class="ant-card-meta"><div class="ant-card-meta-detail"><div class="ant-card-meta-title">Ant Design Mobile</div><div class="ant-card-meta-description">Mobile UI components with Ant Design</div></div></div></div></div></a></div><div style="padding-left:20px;padding-right:20px;padding-top:20px;padding-bottom:20px" class="ant-col ant-col-xs-24 ant-col-sm-8"><a href="/docs/spec/illustration"><div class="ant-card design-mini-panel ant-card-bordered ant-card-hoverable"><div class="ant-card-cover"><img alt="Hitu" src="https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*Pr
93LWSpmWZmIAAAAAAAAAAABkARQnAQ"/></div><div class="ant-card-body"><div class="ant-card-meta"><div class="ant-card-meta-detail"><div class="ant-card-meta-title">HiTu</div><div class="ant-card-meta-description">A new generation of graphical solutions</div></div></div></div></div></a></div><div style="padding-left:20px;padding-right:20px;padding-top:20px;padding-bottom:20px" class="ant-col ant-col-xs-24 ant-col-sm-8"><a href="https://kitchen.alipay.com/" target="_blank" rel="noopener noreferrer"><div class="ant-card design-mini-panel ant-card-bordered ant-card-hoverable"><div class="ant-card-cover"><img alt="Kitchen" src="https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*MaL2SYtHPuMAAAAAAAAAAABkARQnAQ"/></div><div class="ant-card-body"><div class="ant-card-meta"><div class="ant-card-meta-detail"><div class="ant-card-meta-title">Kitchen</div><div class="ant-card-meta-description">A Sketch plugin to enhance designers</div></div></div></div></div></a></div><div style="padding-left:20px;padding-right:20px;padding-top:20px;padding-bottom:20px" class="ant-col ant-col-xs-24 ant-col-sm-8"><a href="/components/icon/"><div class="ant-card design-mini-panel ant-card-bordered ant-card-hoverable"><div class="ant-card-cover"><img alt="Icons" src="https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*T_HeSIJ30IIAAAAAAAAAAABkARQnAQ"/></div><div class="ant-card-body"><div class="ant-card-meta"><div class="ant-card-meta-detail"><div class="ant-card-meta-title">Icons</div><div class="ant-card-meta-description">A set of premium icons</div></div></div></div></div></a></div></div></div></div><div class="home-block-content"><h2 class="ant-typography" style="font-weight:lighter;color:#314659" direction="ltr">Learn More<div class="home-block-content-extra"><a href="/docs/resources#Articles">More</a></div></h2><div class="ant-row" style="margin-left:-12px;margin-right:-12px;margin-top:-16px;margin-bottom:16px"><div style="padding-left:12px;padding-right:12px;padding-top:16px;padding-bottom:16px" class="ant-col ant-col-xs-24 ant-col-sm-6"><a href="https://zhuanlan.zhihu.com/p/103016912" target="_blank" rel="noopener noreferrer"><div class="ant-card more-card ant-card-bordered ant-card-hoverable"><div class="ant-card-cover"><img alt="Ant Design 4.0:创造快乐工作" src="https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*yQqmQ514NNIAAAAAAAAAAABkARQnAQ"/></div><div class="ant-card-body"><div class="ant-card-meta"><div class="ant-card-meta-detail"><div class="ant-card-meta-title">Ant Design 4.0:创造快乐工作</div><div class="ant-card-meta-description">本篇文章将和大家一起聊聊 Ant Design 4.0,以及穿插一些 4.0 背后的故事。</div></div></div><div>2020-01-16<span class="more-card-source"><img src="https://gw.alipayobjects.com/zos/basement_prod/5f4e1fd0-d255-4309-b181-a3715a720ebe.svg" alt="zhihu"/></span></div></div></div></a></div><div style="padding-left:12px;padding-right:12px;padding-top:16px;padding-bottom:16px" class="ant-col ant-col-xs-24 ant-col-sm-6"><a href="https://zhuanlan.zhihu.com/p/109781992" target="_blank" rel="noopener noreferrer"><div class="ant-card more-card ant-card-bordered ant-card-hoverable"><div class="ant-card-cover"><img alt="设计体系的响应式设计" src="https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*C6uMRqtw90AAAAAAAAAAAABkARQnAQ"/></div><div class="ant-card-body"><div class="ant-card-meta"><div class="ant-card-meta-detail"><div class="ant-card-meta-title">设计体系的响应式设计</div><div class="ant-card-meta-description">Ant Design 在很多组件中提供了响应式设计,但拥有更加完备的环境适应性应该是设计体系长期的目标之一。</div></div></div><div>2020-02-29<span class="more-card-source"><img src="https://gw.alipayobjects.com/zos/basement_prod/5f4e1fd0-d255-4309-b181-a3715a720ebe.svg" alt="zhihu"/></span></div></div></div></a></div><div style="padding-left:12px;padding-right:12px;padding-top:16px;padding-bottom:16px" class="ant-col ant-col-xs-24 ant-col-sm-6"><a href="https://zhuanlan.zhihu.com/p/110071209" target="_blank" rel="noopener noreferrer"><div class="ant-card more-card ant-card-bordered ant-card-hoverable"><div class="ant-card-cover"><img alt="“表里不一”的设计资产" src="https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*z-BPSqBKK_cAAAAAAAAAAABkARQnAQ"/></div><div class="ant-card-body"><div class="ant-card-meta"><div class="ant-card-meta-detail"><div class="ant-card-meta-title">“表里不一”的设计资产</div><div class="ant-card-meta-description">随着企业级产品复杂业务场景的增加,Ant Design 的列表覆盖度也受到了很大的挑战,因此我们决定一探究竟。</div></div></div><div>2020-03-01<span class="more-card-source"><img src="https://gw.alipayobjects.com/zos/basement_prod/5f4e1fd0-d255-4309-b181-a3715a720ebe.svg" alt="zhihu"/></span></div></div></div></a></div><div style="padding-left:12px;padding-right:12px;padding-top:16px;padding-bottom:16px" class="ant-col ant-col-xs-24 ant-col-sm-6"><a href="https://zhuanlan.zhihu.com/p/110096160" target="_blank" rel="noopener noreferrer"><div class="ant-card more-card ant-card-bordered ant-card-hoverable"><div class="ant-card-cover"><img alt="整齐划一?不如错落有致" src="https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*1HQFQKoRUCQAAAAAAAAAAABkARQnAQ"/></div><div class="ant-card-body"><div class="ant-card-meta"><div class="ant-card-meta-detail"><div class="ant-card-meta-title">整齐划一?不如错落有致</div><div class="ant-card-meta-description">今天我们从中来讨论一个更被大家忽视但实则举重若轻的问题——「我们应怎样去考虑表单的宽度」</div></div></div><div>2020-03-01<span class="more-card-source"><img src="https://gw.alipayobjects.com/zos/basement_prod/5f4e1fd0-d255-4309-b181-a3715a720ebe.svg" alt="zhihu"/></span></div></div></div></a></div></div></div></div><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://pro.ant.design" target="_blank">Ant Design Pro</a></div><div class="rc-footer-item"><a href="https://mobile.ant.design" target="_blank">Ant Design Mobile</a></div><div class="rc-footer-item"><a href="https://ng.ant.design" target="_blank">NG-ZORRO</a><span class="rc-footer-item-separator">-</span><span class="rc-footer-item-description">Ant Design of Angular</span></div><div class="rc-footer-item"><a href="https://ng.mobile.ant.design" target="_blank">NG-ZORRO-MOBILE</a></div><div class="rc-footer-item"><a href="https://vue.ant.design" target="_blank">Ant Design Vue</a></div><div class="rc-footer-item"><a href="https://landing.ant.design" target="_blank">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">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">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://dvajs.com" target="_blank">Dva</a><span class="rc-footer-item-separator">-</span><span class="rc-footer-item-description">Data Flow Framework</span></div><div class="rc-footer-item"><a href="https://remaxjs.org/" target="_blank">Remax</a><span class="rc-footer-item-separator">-</span><span class="rc-footer-item-description">Mini Program Framework</span></div><div class="rc-footer-item"><a href="https://github.com/umijs/hooks" target="_blank">Umi Hooks</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">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="/docs/resources#Design-Resources">Design Resources</a></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"><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" class="" 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
930.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"><span class="rc-footer-item-icon"><span role="img" aria-label="medium" class="anticon anticon-medium"><svg viewBox="64 64 896 896" focusable="false" class="" 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"><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" class="" 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"><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" class="" 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"><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" class="" 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-
937.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"><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" class="" 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>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"><span class="rc-footer-item-icon"><span role="img" aria-label="github" class="anticon anticon-github"><svg viewBox="64 64 896 896" focusable="false" class="" 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" class="" 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" class="" 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"><span class="rc-footer-item-icon"><span role="img" aria-label="bug" class="anticon anticon-bug"><svg viewBox="64 64 896 896" focusable="false" class="" 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"><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" class="" 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
937.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://www.yuque.com/ant-design/course" target="_blank"><span class="rc-footer-item-icon"><span role="img" aria-label="book" class="anticon anticon-book"><svg viewBox="64 64 896 896" focusable="false" class="" data-icon="book" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M832 64H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V96c0-17.7-14.3-32-32-32zm-260 72h96v209.9L621.5 312 572 347.4V136zm220 752H232V136h280v296.9c0 3.3 1 6.6 3 9.3a15.9 15.9 0 0022.3 3.7l83.8-59.9 81.4 59.4c2.7 2 6 3.1 9.4 3.1 8.8 0 16-7.2 16-16V136h64v752z"></path></svg></span></span>Ant Design Practical Tutorial</a></div><div class="rc-footer-item"><a href="https://gitter.im/ant-design/ant-design" target="_blank"><span class="rc-footer-item-icon"><span role="img" aria-label="message" class="anticon anticon-message"><svg viewBox="64 64 896 896" focusable="false" class="" data-icon="message" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M464 512a48 48 0 1096 0 48 48 0 10-96 0zm200 0a48 48 0 1096 0 48 48 0 10-96 0zm-400 0a48 48 0 1096 0 48 48 0 10-96 0zm661.2-173.6c-22.6-53.7-55-101.9-96.3-143.3a444.35 444.35 0 00-143.3-96.3C630.6 75.7 572.2 64 512 64h-2c-60.6.3-119.3 12.3-174.5 35.9a445.35 445.35 0 00-142 96.5c-40.9 41.3-73 89.3-95.2 142.8-23 55.4-34.6 114.3-34.3 174.9A449.4 449.4 0 00112 714v152a46 46 0 0046 46h152.1A449.4 449.4 0 00510 960h2.1c59.9 0 118-11.6 172.7-34.3a444.48 444.48 0 00142.8-95.2c41.3-40.9 73.8-88.7 96.5-142 23.6-55.2 35.6-113.9 35.9-174.5.3-60.9-11.5-120-34.8-175.6zm-151.1 438C704 845.8 611 884 512 884h-1.7c-60.3-.3-120.2-15.3-173.1-43.5l-8.4-4.5H188V695.2l-4.5-8.4C155.3 633.9 140.3 574 140 513.7c-.4-99.7 37.7-193.3 107.6-263.8 69.8-70.5 163.1-109.5 262.8-109.9h1.7c50 0 98.5 9.7 144.2 28.9 44.6 18.7 84.6 45.6 119 80 34.3 34.3 61.3 74.4 80 119 19.4 46.2 29.1 95.2 28.9 145.8-.6 99.6-39.7 192.9-110.1 262.7z"></path></svg></span></span>Chat Room 🇨🇳</a></div><div class="rc-footer-item"><a href="https://gitter.im/ant-design/ant-design-english" target="_blank"><span class="rc-footer-item-icon"><span role="img" aria-label="message" class="anticon anticon-message"><svg viewBox="64 64 896 896" focusable="false" class="" data-icon="message" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M464 512a48 48 0 1096 0 48 48 0 10-96 0zm200 0a48 48 0 1096 0 48 48 0 10-96 0zm-400 0a48 48 0 1096 0 48 48 0 10-96 0zm661.2-173.6c-22.6-53.7-55-101.9-96.3-143.3a444.35 444.35 0 00-143.3-96.3C630.6 75.7 572.2 64 512 64h-2c-60.6.3-119.3 12.3-174.5 35.9a445.35 445.35 0 00-142 96.5c-40.9 41.3-73 89.3-95.2 142.8-23 55.4-34.6 114.3-34.3 174.9A449.4 449.4 0 00112 714v152a46 46 0 0046 46h152.1A449.4 449.4 0 00510 960h2.1c59.9 0 118-11.6 172.7-34.3a444.48 444.48 0 00142.8-95.2c41.3-40.9 73.8-88.7 96.5-142 23.6-55.2 35.6-113.9 35.9-174.5.3-60.9-11.5-120-34.8-175.6zm-151.1 438C704 845.8 611 884 512 884h-1.7c-60.3-.3-120.2-15.3-173.1-43.5l-8.4-4.5H188V695.2l-4.5-8.4C155.3 633.9 140.3 574 140 513.7c-.4-99.7 37.7-193.3 107.6-263.8 69.8-70.5 163.1-109.5 262.8-109.9h1.7c50 0 98.5 9.7 144.2 28.9 44.6 18.7 84.6 45.6 119 80 34.3 34.3 61.3 74.4 80 119 19.4 46.2 29.1 95.2 28.9 145.8-.6 99.6-39.7 192.9-110.1 262.7z"></path></svg></span></span>Chat Room 🇺🇸</a></div><div class="rc-footer-item"><a href="http://stackoverflow.com/questions/tagged/antd" target="_blank"><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" class="" 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"><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" class="" 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"><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://yunfengdie.com" target="_blank"><span class="rc-footer-item-icon"><img src="https://gw.alipayobjects.com/zos/rmsportal/uHocHZfNWZOdsRUonZNr.png" alt="yunfengdie"/></span>FengDie</a><span class="rc-footer-item-separator">-</span><span class="rc-footer-item-description">Console Applications Builder</span></div><div class="rc-footer-item"><a href="https://antv.vision" target="_blank"><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"><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"><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"><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" style="margin-top:20px"><a><div><div style="padding:4px;background:#fff;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.1);display:inline-block;cursor:pointer"><div style="width:80px;height:16px;border-radius:2px;background:#1890ff"></div></div></div></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>
94    </div>
95    
96    
96<script src="/index-9e8d252c.js"></script>
96
97    
98    <!-- Global Site Tag (gtag.js) - Google Analytics -->
vendor: 68 bytes, lines 98-99
98
99    <script async src="https://www.googletagmanager.com/gtag/js?id=
99UA-72788897-1
vendor: 16 bytes, lines 99-100
99"></script>
100    
100<script>
101      if (!location.port) {
102        // Enable Google Analytics
103        
vendor: 172 bytes, lines 103-108
103window.dataLayer = window.dataLayer || [];
104        function gtag() {
105          dataLayer.push(arguments);
106        }
107        gtag('js', new Date());
108        gtag('config', '
108UA-72788897-1
vendor: 10 bytes, lines 108-109
108');
109      
109}
110    </script>
110
111    <!-- Hotjar Tracking Code for ant.design -->
112    
112<script>
113      (function(h, o, t, j, a, r) {
114        h.hj =
115          h.hj ||
116          function() {
117            (h.hj.q = h.hj.q || []).push(arguments);
118          };
119        h._hjSettings = { hjid: 473408, hjsv: 5 };
120        a = o.getElementsByTagName('head')[0];
121        r = o.createElement('script');
122        r.async = 1;
123        r.src = t + h._hjSettings.hjid + j + h._hjSettings.hjsv;
124        a.appendChild(r);
125      })(window, document, '//static.hotjar.com/c/hotjar-', '.js?sv=');
126    </script>
126
127  </body>
128</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.