PageSourceSearch

https://preview-22182-ant-design.surge.sh/docs/resources

html preview-22182-ant-design.surge.sh collected 2026-10-03 14:56:20 UTC 50,043 bytes, 118 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>Resources - Ant Design</title>
8    <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="Resources - Ant Design"/><meta data-rh="true" name="description" content="Here list all the resources that related with Ant Design."/>
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-8ad079e6.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"><div class="ant-row" style="flex-flow:nowrap"><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 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.2</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 id="resources-page"><div class="resource-affix-tabs"><div class="ant-tabs ant-tabs-top ant-tabs-line"><div role="tablist" class="ant-tabs-bar ant-tabs-top-bar" tabindex="0"><div class="ant-tabs-nav-container"><span unselectable="unselectable" class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-prev-icon"><span role="img" aria-label="left" class="anticon anticon-left ant-tabs-tab-prev-icon-target"><svg viewBox="64 64 896 896" focusable="false" class="" data-icon="left" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"></path></svg></span></span></span><span unselectable="unselectable" class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-next-icon"><span role="img" aria-label="right" class="anticon anticon-right ant-tabs-tab-next-icon-target"><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.9
836 31.96 0 000-50.4z"></path></svg></span></span></span><div class="ant-tabs-nav-wrap"><div class="ant-tabs-nav-scroll"><div class="ant-tabs-nav ant-tabs-nav-animated"><div></div><div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"></div></div></div></div></div></div><div tabindex="0" style="width:0;height:0;overflow:hidden;position:absolute" role="presentation"></div><div class="ant-tabs-content ant-tabs-content-animated ant-tabs-top-content" style="display:none"></div><div tabindex="0" style="width:0;height:0;overflow:hidden;position:absolute" role="presentation"></div></div></div><article class="markdown"><div class="title-region"><h1>Resources<a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/resources.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" class="" 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.8c6.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>Here list all the resources that related with Ant Design.</p></section></div><section class="markdown"><h2 id="Design-Resources"><span>Design Resources</span><a href="#Design-Resources" class="anchor">#</a></h2><p>Please find below some of the design resources and tools about Ant Design that we consider valuable. More of this is still being collected. You can leave feedback about Sketch Symbols <a href="https://www.yuque.com/kitchen/topics/216">here</a>.</p><div class="ant-row resource-cards" style="margin:-12px -12px 0 -12px"><div class="ant-col ant-col-xs-24 ant-col-sm-12 ant-col-md-8 ant-col-lg-6 gutter-row" style="padding:12px"><a class="resource-card" target="_blank" href="https://github.com/ant-design/ant-design/releases/download/resource/Ant.Design.Components.4.0.zip"><img class="resource-card-image" src="https://gw.alipayobjects.com/zos/basement_prod/048ee28f-2c80-4d15-9aa3-4f5ddac50465.svg" alt="RENEW Sketch Symbols"/><p class="resource-card-title">RENEW Sketch Symbols</p><p class="resource-card-description">Sketch Symbols for Desktop</p></a></div><div class="ant-col ant-col-xs-24 ant-col-sm-12 ant-col-md-8 ant-col-lg-6 gutter-row" style="padding:12px"><a class="resource-card" target="_blank" href="http://p.tb.cn/rmsportal_3436_AntDesignMobile_20Template_20V1.0.sketch"><img class="resource-card-image" src="https://gw.alipayobjects.com/zos/basement_prod/c0c3852c-d245-4330-886b-cb02ef49eb6d.svg" alt="Mobile Components"/><p class="resource-card-title">Mobile Components</p><p class="resource-card-description">Sketch Symbols File for Mobile</p></a></div><div class="ant-col ant-col-xs-24 ant-col-sm-12 ant-col-md-8 ant-col-lg-6 gutter-row" style="padding:12px"><a class="resource-card" target="_blank" href="https://github.com/ant-design/ant-design/releases/download/resource/Ant.Design.Pro.sketch"><img class="resource-card-image" src="https://gw.alipayobjects.com/zos/basement_prod/5edc7f4d-3302-4710-963b-7b6c77ea8d06.svg" alt="Ant Design Pro"/><p class="resource-card-title">Ant Design Pro</p><p class="resource-card-description">Common Templates and Pages</p></a></div><div class="ant-col ant-col-xs-24 ant-col-sm-12 ant-col-md-8 ant-col-lg-6 gutter-row" style="padding:12px"><a class="resource-card" target="_blank" href="http://library.ant.design"><img class="resource-card-image" src="https://gw.alipayobjects.com/zos/basement_prod/90740380-bbb7-4329-95e5-64533934c6cf.svg" alt="Ant Design Library"/><p class="resource-card-title">Ant Design Library</p><p class="resource-card-description">A powerful Axure library</p></a></div><div class="ant-col ant-col-xs-24 ant-col-sm-12 ant-col-md-8 ant-col-lg-6 gutter-row" style="padding:12px"><a class="resource-card" target="_blank" href="http://kitchen.alipay.com"><img class="resource-card-image" src="https://gw.alipayobjects.com/zos/basement_prod/d475d063-2754-4442-b9db-5d164e06acc9.svg" alt="Kitchen"/><p class="resource-card-title">Kitchen</p><p class="resource-card-description">A Sketch plugin collection</p></a></div><div class="ant-col ant-col-xs-24 ant-col-sm-12 ant-col-md-8 ant-col-lg-6 gutter-row" style="padding:12px"><a class="resource-card" target="_blank" href="https://landing.ant.design/docs/download-cn"><img class="resource-card-image" src="https://gw.alipayobjects.com/zos/basement_prod/b443f4be-5116-49b7-873f-a7c8502b8f0e.svg" alt="Ant Design Landing"/><p class="resource-card-title">Ant Design Landing</p><p class="resource-card-description">Landing Templates</p></a></div><div class="ant-col ant-col-xs-24 ant-col-sm-12 ant-col-md-8 ant-col-lg-6 gutter-row" style="padding:12px"><a class="resource-card" target="_blank" href="http://ux.ant.design"><img class="resource-card-image" src="https://gw.alipayobjects.com/zos/basement_prod/51682163-e01a-46fe-810c-ac0062379717.svg" alt="Ant UX"/><p class="resource-card-title">Ant UX</p><p class="resource-card-description">A set of page logic prototype libraries</p></a></div><div class="ant-col ant-col-xs-24 ant-col-sm-12 ant-col-md-8 ant-col-lg-6 gutter-row" style="padding:12px"><a class="resource-card" target="_blank" href="https://www.xiaopiu.com/topic/ant-design"><img class="resource-card-image" src="https://gw.alipayobjects.com/zos/basement_prod/77e6a9ae-24a9-4be6-be42-f7fa8ee0eecf.svg" alt="Ant Design Prototype (xiaopiu)"/><p class="resource-card-title">Ant Design Prototype (xiaopiu)</p><p class="resource-card-description">Online library and prototype</p></a></div><div class="ant-col ant-col-xs-24 ant-col-sm-12 ant-col-md-8 ant-col-lg-6 gutter-row" style="padding:12px"><a class="resource-card" target="_blank" href="https://www.antforfigma.com"><img class="resource-card-image" src="https://gw.alipayobjects.com/zos/basement_prod/7b9ed3f2-6f05-4ddb-bac3-d55feb71e0ac.svg" alt="UI Kit for Figma"/><p class="resource-card-title">UI Kit for Figma</p><p class="resource-card-description">Library of components for Desktop</p></a></div><div class="ant-col ant-col-xs-24 ant-col-sm-12 ant-col-md-8 ant-col-lg-6 gutter-row" style="padding:12px"><a class="resource-card" target="_blank" href="https://gw.alipayobjects.com/os/basement_prod/862ee74f-4ac5-482c-b1ae-3165684cedbe.sketch"><img class="resource-card-image" src="https://gw.alipayobjects.com/zos/basement_prod/a9dc586a-fe0
83a-4c7d-ab4f-f5ed779b963d.svg" alt="Ant Design Chart"/><p class="resource-card-title">Ant Design Chart</p><p class="resource-card-description">Sketch Symbols for Chart</p></a></div></div><h2 id="Articles"><span>Articles</span><a href="#Articles" class="anchor">#</a></h2><p>Do you want to know the story behind the Ant Design design system? How can I better apply Ant Design? You can check out our well selected articles below. Also welcome to follow <a href="https://zhuanlan.zhihu.com/antdesign">Ant Design Official Column</a>. There are often the latest sharing and discussions on related topics under the Ant Design design system, such as Ant Design, AntV visualization, Kitchen design Plug-ins, B-side product design, SaaS product design, natural interaction, growth design, intelligent design, design engineering, etc.</p><h3 id="Design"><span>Design</span><a href="#Design" class="anchor">#</a></h3><ul><li><p><a href="https://zhuanlan.zhihu.com/p/100925117">解放图形化设计生产力 - HiTu</a></p></li><li><p><a href="https://zhuanlan.zhihu.com/p/44809866">「自然交互」Ant Design 设计价值观解析</a></p></li><li><p><a href="https://zhuanlan.zhihu.com/p/41952711">「自然交互 1」前馈:让功能找到用户;让用户体验美好</a></p></li><li><p><a href="https://zhuanlan.zhihu.com/p/43613398">「自然交互 4」理解元数据,让人机自然交互</a></p></li><li><p><a href="https://zhuanlan.zhihu.com/p/52648777">「自然交互 5」传感器——系统的五感【上】</a></p></li><li><p><a href="https://zhuanlan.zhihu.com/p/68707241">1 块钱 6 周 DAU 增长翻倍:Ant Design 设计工具 Kitchen 获客增长实践</a></p></li><li><p><a href="https://zhuanlan.zhihu.com/p/66781635">专访蚂蚁金服体验技术 UED:Ant Design 希望成为世界级设计体系</a></p></li><li><p><a href="https://zhuanlan.zhihu.com/p/63580649">写给设计师的 Ant Design 栅格指南</a></p></li><li><p><a href="https://zhuanlan.zhihu.com/p/55364776">Ant Design 情感化设计</a></p></li><li><p><a href="https://zhuanlan.zhihu.com/p/54887681">Ant Design 资产一起造 工作坊(上)</a></p></li><li><p><a href="https://zhuanlan.zhihu.com/p/54901534">Ant Design 资产一起造 工作坊(下)</a></p></li><li><p><a href="https://zhuanlan.zhihu.com/p/32771546">轻推转型之门:Ant Design Pro 在企业级产品的实践(附演讲视频)</a></p></li><li><p><a href="https://zhuanlan.zhihu.com/p/32746810">Ant Design 3.0 背后的故事(附演讲视频)</a></p></li><li><p><a href="https://zhuanlan.zhihu.com/p/31503749">用户故事地图浅析</a></p></li><li><p><a href="https://zhuanlan.zhihu.com/p/26846739">体验,不只是用户的!Ant Design 在蚂蚁中台的应用</a></p></li><li><p><a href="https://zhuanlan.zhihu.com/p/36657030">在用 Sketch 和 iconfont?试试 Kitchen 吧!</a></p></li></ul><h3 id="Technology"><span>Technology</span><a href="#Technology" class="anchor">#</a></h3><ul><li><p><a href="https://zhuanlan.zhihu.com/p/32422584">Ant Design 色板生成算法演进之路</a></p></li><li><p><a href="https://zhuanlan.zhihu.com/p/25795393">如何向开源项目提交无法解答的问题</a></p></li></ul><h2 id="Reference"><span>Reference</span><a href="#Reference" class="anchor">#</a></h2><p>Please find below the books that inspired us, saved our time and helped us to overcome difficulties when designing components and patterns. If you want to know more about UI design, we recommend you these awesome design systems: <a href="https://experience.sap.com/fiori-design-web/">Fiori Design</a>、 <a href="https://developer.apple.com/ios/human-interface-guidelines/overview/themes/">Human Interface Guidelines</a>、 <a href="https://lightningdesignsystem.com/getting-started/">Lightning Design System</a>、 <a href="https://material.io/">Material Design</a></p><div class="ant-row resource-cards" style="margin:-12px -12px 0 -12px"><div class="ant-col ant-col-xs-24 ant-col-sm-12 ant-col-md-8 ant-col-lg-6 gutter-row" style="padding:12px"><a class="resource-card" target="_blank" href="https://www.wiley.com/en-sg/About+Face%3A+The+Esse
83ntials+of+Interaction+Design%2C+4th+Edition-p-9781118766576"><img class="resource-card-image" src="https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*GA-CRIRqKjgAAAAAAAAAAABkARQnAQ" alt="About Face 4" style="background-color:#C7EBD6;object-fit:contain"/><p class="resource-card-title">About Face 4</p><p class="resource-card-description">The Interactive Design Guide for Digital Products and System</p></a></div><div class="ant-col ant-col-xs-24 ant-col-sm-12 ant-col-md-8 ant-col-lg-6 gutter-row" style="padding:12px"><a class="resource-card" target="_blank" href="http://shop.oreilly.com/product/9780596516253.do"><img class="resource-card-image" src="https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*KK2xSJu0M80AAAAAAAAAAABkARQnAQ" alt="Designing Web Interfaces" style="background-color:#009C94;object-fit:contain"/><p class="resource-card-title">Designing Web Interfaces</p><p class="resource-card-description">Best Practice, Patterns and Principles for Web Interface</p></a></div><div class="ant-col ant-col-xs-24 ant-col-sm-12 ant-col-md-8 ant-col-lg-6 gutter-row" style="padding:12px"><a class="resource-card" target="_blank" href="https://www.amazon.com/Designing-Interfaces-Patterns-Effective-Interaction/dp/1449379702/ref=pd_sbs_14_t_1/131-2623973-6077764?_encoding=UTF8&amp;pd_rd_i=1449379702&amp;pd_rd_r=ebe12a8d-435f-474b-a593-72aadf26c45a&amp;pd_rd_w=18rob&amp;pd_rd_wg=bhRFl&amp;pf_rd_p=5cfcfe89-300f-47d2-b1ad-a4e27203a02a&amp;pf_rd_r=8V8CD0EE336ZZEG15DEN&amp;psc=1&amp;refRID=8V8CD0EE336ZZEG15DEN"><img class="resource-card-image" src="https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*slN2QpTvIs0AAAAAAAAAAABkARQnAQ" alt="Designing Interfaces" style="background-color:#9489CF;object-fit:contain"/><p class="resource-card-title">Designing Interfaces</p><p class="resource-card-description">Interface Design Guidelines</p></a></div><div class="ant-col ant-col-xs-24 ant-col-sm-12 ant-col-md-8 ant-col-lg-6 gutter-row" style="padding:12px"><a class="resource-card" target="_blank" href="http://www.peachpit.com/store/non-designers-design-book-9780133966152"><img class="resource-card-image" src="https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*1HbNSIju7pEAAAAAAAAAAABkARQnAQ" alt="Non-Designer&#x27;s Design Book, The, 4th Edition" style="background-color:#FAF0CD;object-fit:contain"/><p class="resource-card-title">Non-Designer&#x27;s Design Book, The, 4th Edition</p><p class="resource-card-description">Basic Principles of Good Design</p></a></div><div class="ant-col ant-col-xs-24 ant-col-sm-12 ant-col-md-8 ant-col-lg-6 gutter-row" style="padding:12px"><a class="resource-card" target="_blank" href="https://jnd.org/the-design-of-everyday-things-revised-and-expanded-edition/"><img class="resource-card-image" src="https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*4woBSLvOjfMAAAAAAAAAAABkARQnAQ" alt="The Design of Everyday Things" style="background-color:#F8F3D1;object-fit:contain"/><p class="resource-card-title">The Design of Everyday Things</p><p class="resource-card-description">About the People-oriented Design Philosophy</p></a></div><div class="ant-col ant-col-xs-24 ant-col-sm-12 ant-col-md-8 ant-col-lg-6 gutter-row" style="padding:12px"><a class="resource-card" target="_blank" href="https://www.amazon.com/Emotional-Design-Love-Everyday-Things/dp/0465051367"><img class="resource-card-image" src="https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*6ZQJQoKRORsAAAAAAAAAAABkARQnAQ" alt="Emotional Design" style="background-color:#E8EEB4;object-fit:contain"/><p class="resource-card-title">Emotional Design</p><p class="resource-card-description">Explain the Role of Emotional Factors in Design</p></a></div><div class="ant-col ant-col-xs-24 ant-col-sm-12 ant-col-md-8 ant-col-lg-6 gutter-row" style="padding:12px"><a class="resource-card" target="_blank" href="https://rosenfeldmedia.com/books/web-form-design/"><img class="resource-card-image" src="https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*VhhwRo7axKQAAAAAAAAAAABkARQnAQ" alt="Web Form Design" style="background-color:#C2DAED;object-fit:contain"/><p class="resource-card-title">Web Form Design</p><p class="resource-card-description">The Essence of Form Design</p></a></div></div></section><section class="markdown api-container"></section></article><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
830.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-
837.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
837.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>
84    </div>
85    
86    
86<script src="/index-551cbb06.js"></script>
86
87    
88    <!-- Global Site Tag (gtag.js) - Google Analytics -->
vendor: 68 bytes, lines 88-89
88
89    <script async src="https://www.googletagmanager.com/gtag/js?id=
89UA-72788897-1
vendor: 16 bytes, lines 89-90
89"></script>
90    
90<script>
91      if (!location.port) {
92        // Enable Google Analytics
93        
vendor: 172 bytes, lines 93-98
93window.dataLayer = window.dataLayer || [];
94        function gtag() {
95          dataLayer.push(arguments);
96        }
97        gtag('js', new Date());
98        gtag('config', '
98UA-72788897-1
vendor: 10 bytes, lines 98-99
98');
99      
99}
100    </script>
100
101    <!-- Hotjar Tracking Code for ant.design -->
102    
102<script>
103      (function(h, o, t, j, a, r) {
104        h.hj =
105          h.hj ||
106          function() {
107            (h.hj.q = h.hj.q || []).push(arguments);
108          };
109        h._hjSettings = { hjid: 473408, hjsv: 5 };
110        a = o.getElementsByTagName('head')[0];
111        r = o.createElement('script');
112        r.async = 1;
113        r.src = t + h._hjSettings.hjid + j + h._hjSettings.hjsv;
114        a.appendChild(r);
115      })(window, document, '//static.hotjar.com/c/hotjar-', '.js?sv=');
116    </script>
116
117  </body>
118</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.