PageSourceSearch

https://preview-9243-ng-zorro-antd.surge.sh/

html preview-9243-ng-zorro-antd.surge.sh collected 2026-10-03 14:56:13 UTC 85,091 bytes, 67 lines download raw bytes

1<!doctype html><html lang="en" data-beasties-container><head>
2    <meta charset="utf-8">
3    <meta name="viewport" content="width=device-width,initial-scale=1">
4    <link rel="preconnect" href="https://gw.alipayobjects.com" crossorigin="anonymous">
5    <link rel="preconnect" href="https://img.alicdn.com" crossorigin="anonymous">
6    <link rel="preconnect" href="https://cdnjs.cloudflare.com" crossorigin="anonymous">
7    <link rel="preconnect" href="https://vars.hotjar.com">
8    <link rel="preconnect" href="https://script.hotjar.com">
9    <link rel="preconnect" href="https://www.google-analytics.com">
10    <link rel="dns-prefetch" href="https://www.google-analytics.com">
11    <link rel="preconnect" href="https://cdn.jsdelivr.net">
12    <link rel="preconnect" href="https://api.github.com">
13    <link rel="preload" href="https://script.hotjar.com/font-hotjar_5.65042d.woff2" as="font" type="font/woff2" crossorigin>
14
15    <meta name="apple-mobile-web-app-capable" content="yes">
16    <meta name="apple-mobile-web-app-status-bar-style" content="translucent">
17    <meta name="mobile-web-app-capable" content="yes">
18    <meta name="keywords" content="angular, ant design, ant, angular ant design, web, ui, components, ng, zorro, responsive, typescript, css, mobile web, open source, 组件库, 组件, UI 框架, Ant Design of Angular">
19    <meta name="author" content="NG-ZORRO Team">
20    <meta name="description" content="An enterprise-class Angular UI component library based on Ant Design, all components are open source and free to use under MIT license.An enterprise-c...">
21    <!--Twitter card metadata-->
22    <meta name="twitter:card" content="summary">
23    <meta name="twitter:site" content="@ng_zorro">
24    <meta name="twitter:creator" content="@ng_zorro">
25    <meta name="twitter:title" content="NG-ZORRO - Angular UI component library">
26    <meta name="twitter:description" content="An enterprise-class Angular UI component library based on Ant Design, all components are open source and free to use under MIT license.An enterprise-c...">
27    <meta name="twitter:image" content="https://ng.ant.design/assets/img/site-preview.png">
28    <!--Open Graph-->
29    <meta property="og:url" content="https://ng.ant.design/">
30    <meta property="og:type" content="website">
31    <meta property="og:title" content="NG-ZORRO - Angular UI component library">
32    <meta property="og:site_name" content="NG-ZORRO - Ant Design Of Angular">
33    <meta property="og:locale" content="en_US">
34    <meta property="og:description" content="An enterprise-class Angular UI component library based on Ant Design, all components are open source and free to use under MIT license.An enterprise-c...">
35    <meta property="og:image" content="https://ng.ant.design/assets/img/site-preview.png">
36    <meta property="og:image:secure_url" content="https://ng.ant.design/assets/img/site-preview.png">
37    <meta property="og:image:type" content="image/png">
38    <meta property="og:image:width" content="2048">
39    <meta property="og:image:height" content="1536">
40    <meta name="theme-color" content="#1890ff">
41
42    <link rel="icon shortcut" href="https://img.alicdn.com/tfs/TB1Jr2ASQvoK1RjSZFDXXXY3pXa-200-200.png" type="image/x-icon">
43    <link rel="apple-touch-icon" sizes="180x180" href="assets/icons/apple-icon-180.png">
44    <link rel="apple-touch-icon" sizes="167x167" href="assets/icons/apple-icon-167.png">
45    <link rel="apple-touch-icon" sizes="152x152" href="assets/icons/apple-icon-152.png">
46    <link rel="apple-touch-icon" sizes="120x120" href="assets/icons/apple-icon-120.png">
47    <link rel="manifest" href="manifest.json">
48    <title>NG-ZORRO - Angular UI component library</title>
49    <base href="/">
50    <!-- Hotjar Tracking Code for ng.ant.design -->
51    
51<script>!function(t,h,e,j,s,n){t.hj=t.hj||function(){(t.hj.q=t.hj.q||[]).push(arguments)},t._hjSettings={hjid:792689,hjsv:6},s=h.getElementsByTagName("head")[0],(n=h.createElement("script")).async=1,n.src="https://static.hotjar.com/c/hotjar-"+t._hjSettings.hjid+".js?sv="+t._hjSettings.hjsv,s.appendChild(n)}(window,document)</script>
51
52
53    <style>.preload *{-webkit-transition:none!important;-moz-transition:none!important;-ms-transition:none!important;-o-transition:none!important}</style>
54  <style>html{--ant-primary-color:#1890ff;--ant-primary-color-hover:#40a9ff;--ant-primary-color-active:#096dd9;--ant-primary-color-outline:rgba(24, 144, 255, .2);--ant-primary-1:#e6f7ff;--ant-primary-2:#bae7ff;--ant-primary-3:#91d5ff;--ant-primary-4:#69c0ff;--ant-primary-5:#40a9ff;--ant-primary-6:#1890ff;--ant-primary-7:#096dd9;--ant-primary-color-deprecated-pure: ;--ant-primary-color-deprecated-l-35:#cbe6ff;--ant-primary-color-deprecated-l-20:#7ec1ff;--ant-primary-color-deprecated-t-20:#46a6ff;--ant-primary-color-deprecated-t-50:#8cc8ff;--ant-primary-color-deprecated-f-12:rgba(24, 144, 255, .12);--ant-primary-color-active-deprecated-f-30:rgba(230, 247, 255, .3);--ant-primary-color-active-deprecated-d-02:#dcf4ff;--ant-success-color:#52c41a;--ant-success-color-hover:#73d13d;--ant-success-color-active:#389e0d;--ant-success-color-outline:rgba(82, 196, 26, .2);--ant-success-color-deprecated-bg:#f6ffed;--ant-success-color-deprecated-border:#b7eb8f;--ant-error-color:#ff4d4f;--ant-error-color-hover:#ff7875;--ant-error-color-active:#d9363e;--ant-error-color-outline:rgba(255, 77, 79, .2);--ant-error-color-deprecated-bg:#fff2f0;--ant-error-color-deprecated-border:#ffccc7;--ant-warning-color:#faad14;--ant-warning-color-hover:#ffc53d;--ant-warning-color-active:#d48806;--ant-warning-color-outline:rgba(250, 173, 20, .2);--ant-warning-color-deprecated-bg:#fffbe6;--ant-warning-color-deprecated-border:#ffe58f;--ant-info-color:#1890ff;--ant-info-color-deprecated-bg:#e6f7ff;--ant-info-color-deprecated-border:#91d5ff}[class*=ant-] input::-ms-clear,[class*=ant-] input::-ms-reveal,[class^=ant-] input::-ms-clear,[class^=ant-] input::-ms-reveal{display:none}body,html{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,:after,:before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}@-ms-viewport{width:device-width}body{margin:0;color:#000000d9;font-size:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-variant:tabular-nums;line-height:1.5715;background-color:#fff;font-feature-settings:"tnum"}[tabindex="-1"]:focus{outline:0!important}h1,h2{margin-top:0;margin-bottom:.5em;color:#000000d9;font-weight:500}p{margin-top:0;margin-bottom:1em}ul{margin-top:0;margin-bottom:1em}blockquote{margin:0 0 1em}strong{font-weight:bolder}a{color:var(--ant-primary-color);text-decoration:none;background-color:transparent;outline:0;cursor:pointer;transition:color .3s;-webkit-text-decoration-skip:objects}a:hover{color:var(--ant-primary-color-hover)}a:active{color:var(--ant-primary-color-active)}a:active,a:hover{text-decoration:none;outline:0}a:focus{text-decoration:none;outline:0}code,pre{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}img{vertical-align:middle;border-style:none}a,button,input:not([type=range]){touch-action:manipulation}table{border-collapse:collapse}button,input{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button{text-transform:none}button{-webkit-appearance:button}button::-moz-focus-inner{padding:0;border-style:none}[hidden]{display:none!important}.clearfix:before{display:table;content:""}.clearfix:after{display:table;clear:both;content:""}.anticon{display:inline-flex;align-items:center;color:inherit;font-style:normal;line-height:0;text-align:center;text-transform:none;vertical-align:-.125em;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.anticon>*{line-height:1}.anticon svg{display:inline-block}.anticon:before{display:none}html{--antd-wave-shadow-color:var(--ant-primary-color);--scroll-bar:0}nz-affix{display:block}.ant-anchor{box-sizing:border-box;margin:0;color:#000000d9;font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;font-feature-settings:"tnum";position:relative;padding:0 0 0 2px}.ant-anchor-wrapper{margin-left:-4px;padding-left:4px;overflow:auto;background-color:transparent}.ant-anchor-ink{position:absolute;top:0;left:0;height:100%}.ant-anchor-ink:before{position:relative;display:block;width:2px;height:100%;margin:0 auto;background-color:#0000000f;content:" "}.ant-anchor-ink-ball{position:absolute;
54left:50%;display:none;width:8px;height:8px;background-color:#fff;border:2px solid var(--ant-primary-color);border-radius:8px;transform:translate(-50%);transition:top .3s ease-in-out}.ant-anchor-link{padding:4px 0 4px 16px}.ant-anchor-link-title{position:relative;display:block;margin-bottom:3px;overflow:hidden;color:#000000d9;white-space:nowrap;text-overflow:ellipsis;transition:all .3s}.ant-anchor-link-title:only-child{margin-bottom:0}nz-link{display:block}.ant-avatar{box-sizing:border-box;margin:0;padding:0;color:#000000d9;font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;font-feature-settings:"tnum";position:relative;display:inline-block;overflow:hidden;color:#fff;white-space:nowrap;text-align:center;vertical-align:middle;background:#ccc;width:32px;height:32px;line-height:32px;border-radius:50%}.ant-avatar.ant-avatar-icon{font-size:18px}.ant-avatar.ant-avatar-icon>.anticon{margin:0}.ant-btn{line-height:1.5715;position:relative;display:inline-block;font-weight:400;white-space:nowrap;text-align:center;background-image:none;border:1px solid transparent;box-shadow:0 2px #00000004;cursor:pointer;transition:all .3s cubic-bezier(.645,.045,.355,1);-webkit-user-select:none;user-select:none;touch-action:manipulation;height:32px;padding:4px 15px;font-size:14px;border-radius:2px;color:#000000d9;border-color:#d9d9d9;background:#fff}.ant-btn,.ant-btn:active,.ant-btn:focus{outline:0}.ant-btn:not([disabled]):hover{text-decoration:none}.ant-btn:not([disabled]):active{outline:0;box-shadow:none}.ant-btn-sm{height:24px;padding:0 7px;font-size:14px;border-radius:2px}.ant-btn:focus,.ant-btn:hover{color:var(--ant-primary-color-hover);border-color:var(--ant-primary-color-hover);background:#fff}.ant-btn:active{color:var(--ant-primary-color-active);border-color:var(--ant-primary-color-active);background:#fff}.ant-btn:active,.ant-btn:focus,.ant-btn:hover{text-decoration:none;background:#fff}.ant-btn>span{display:inline-block}.ant-btn:before{position:absolute;inset:-1px;z-index:1;display:none;background:#fff;border-radius:inherit;opacity:.35;transition:opacity .2s;content:"";pointer-events:none}.ant-btn:active>span,.ant-btn:focus>span{position:relative}.ant-btn.ant-btn-background-ghost{color:#fff;border-color:#fff}.ant-btn.ant-btn-background-ghost,.ant-btn.ant-btn-background-ghost:active,.ant-btn.ant-btn-background-ghost:focus,.ant-btn.ant-btn-background-ghost:hover{background:0 0}.ant-btn.ant-btn-background-ghost:focus,.ant-btn.ant-btn-background-ghost:hover{color:var(--ant-primary-color-hover);border-color:var(--ant-primary-color-hover)}.ant-btn.ant-btn-background-ghost:active{color:var(--ant-primary-color-active);border-color:var(--ant-primary-color-active)}.ant-btn:empty{display:inline-block;width:0;visibility:hidden;content:"\a0"}.ant-row{display:flex;flex-flow:row wrap;min-width:0}.ant-row:after,.ant-row:before{display:flex}.ant-col{position:relative;max-width:100%;min-height:1px}.ant-col-xs-24{display:block;flex:0 0 100%;max-width:100%}.ant-col-xs-0{display:none}@media (min-width:576px){.ant-col-sm-24{display:block;flex:0 0 100%;max-width:100%}.ant-col-sm-0{display:none}}@media (min-width:768px){.ant-col-md-24{display:block;flex:0 0 100%;max-width:100%}.ant-col-md-18{display:block;flex:0 0 75%;max-width:75%}.ant-col-md-6{display:block;flex:0 0 25%;max-width:25%}}@media (min-width:992px){.ant-col-lg-18{display:block;flex:0 0 75%;max-width:75%}.ant-col-lg-6{display:block;flex:0 0 25%;max-width:25%}.ant-col-lg-offset-6{margin-left:25%}}@media (min-width:1200px){.ant-col-xl-19{display:block;flex:0 0 79.16666667%;max-width:79.16666667%}.ant-col-xl-5{display:block;flex:0 0 20.83333333%;max-width:20.83333333%}.ant-col-xl-offset-5{margin-left:20.83333333%}}@media (min-width:1600px){.ant-col-xxl-20{display:block;flex:0 0 83.33333333%;max-width:83.33333333%}.ant-col-xxl-4{display:block;flex:0 0 16.66666667%;max-width:16.66666667%}.ant-col-xxl-offset-4{margin-left:16.66666667%}}.ant-input{box-sizing:border-box;margin:0;font-variant:tabular-nums;list-style:none;font-feature-settings:"tnum";position:relative;display:inline-block;width:100%;min-width:0;padding:4px 11px;color:#000000d9;font-size:14px;line-height:1.5715;background-color:#fff;background-image:none;border:1px solid #d9d9d9;border-radius:2px;transition:all .3s}.ant-input::placeholder{color:#bfbfbf;-webkit-user-select:none;user-select:none}.ant-input:placeholder-shown{text-overflow:ellipsis}.ant-input:hover{border-color:var(--ant-primary-5);border-right-width:1px}.ant-input:focus{border-color:var(--ant-primary-color-hover);box-shadow:0 0 0 2px var(--ant-primary-color-outline);border-right-width:1px;outline:0}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.ant-input{height:32px}}.ant-menu{box-sizing:border-box;margin:0;font-variant:tabular-nums;line-height:1.5715;font-feature-settings:"tnum";padding:0;color:#000000d9;font-size:14px;line-height:0;text-align:left;list-style:none;background:#fff;outline:0;box-shadow:0 3px 6px -4px #0000001f,0 6px 16px #00000014,0 9px 28px 8px #0000000d;transition:background .3s,width .3s cubic-bezier(.2,0,0,1) 0s}.ant-menu:before{display:table;content:""}.ant-menu:after{display:table;clear:both;content:""}.ant-menu.ant-menu-root:focus-visible{box-shadow:0 0 0 2px var(--ant-primary-2)}.ant-menu-item:active{background:var(--ant-primary-1)}.ant-menu-title-content{transition:color .3s}.ant-menu-item a{color:#000000d9}.ant-menu-item a:hover{color:var(--ant-primary-color)}.ant-menu-item a:before{position:absolute;inset:0;background-color:transparent;content:""}.ant-menu-horizontal .ant-menu-item{margin-top:-1px}.ant-menu-horizontal>.ant-menu-item:hover{background-color:transparent}.ant-menu-item-selected,.ant-menu-item-selected a,.ant-menu-item-selected a:hover{color:var(--ant-primary-color)}.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected{background-color:var(--ant-primary-1)}.ant-menu-inline{border-right:1px solid rgba(0,0,0,.06)}.ant-menu-horizontal .ant-menu-item{transition:border-color .3s,background .3s}.ant-menu-item{position:relative;display:block;margin:0;padding:0 20px;white-space:nowrap;cursor:pointer;transition:border-color .3s,background .3s,padding .3s cubic-bezier(.645,.045,.355,1)}.ant-menu-item:not(.ant-menu-item-disabled):focus-visible{box-shadow:0 0 0 2px var(--ant-primary-2)}.ant-menu-horizontal{line-height:46px;border:0;border-bottom:1px solid rgba(0,0,0,.06);box-shadow:none}.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item{margin-top:-1px;margin-bottom:0;padding:0 20px}.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-selected,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item:hover{color:var(--ant-primary-color)}.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-selected:after,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item:hover:after{border-bottom:2px solid var(--ant-primary-color)}.ant-menu-horizontal>.ant-menu-item{position:relative;top:1px;display:inline-block;vertical-align:bottom}.ant-menu-horizontal>.ant-menu-item:after{position:absolute;right:20px;bottom:0;left:20px;border-bottom:2px solid transparent;transition:border-color .3s cubic-bezier(.645,.045,.355,1);content:""}.ant-menu-horizontal>.ant-menu-item a{color:#000000d9}.ant-menu-horizontal>.ant-menu-item a:hover{color:var(--ant-primary-color)}.ant-menu-horizontal>.ant-menu-item a:before{bottom:-2px}.ant-menu-horizontal>.ant-menu-item-selected a{color:var(--ant-primary-color)}.ant-menu-horizontal:after{display:block;clear:both;height:0;content:" "}.ant-menu-inline .ant-menu-item{position:relative}.ant-menu-inline .ant-menu-item:after{position:absolute;top:0;right:0;bottom:0;
54border-right:3px solid var(--ant-primary-color);transform:scaleY(.0001);opacity:0;transition:transform .15s cubic-bezier(.215,.61,.355,1),opacity .15s cubic-bezier(.215,.61,.355,1);content:""}.ant-menu-inline .ant-menu-item{height:40px;margin-top:4px;margin-bottom:4px;padding:0 16px;overflow:hidden;line-height:40px;text-overflow:ellipsis}.ant-menu-inline .ant-menu-item:not(:last-child){margin-bottom:8px}.ant-menu-inline>.ant-menu-item{height:40px;line-height:40px}.ant-menu-inline{width:100%}.ant-menu-inline .ant-menu-item-selected:after{transform:scaleY(1);opacity:1;transition:transform .15s cubic-bezier(.645,.045,.355,1),opacity .15s cubic-bezier(.645,.045,.355,1)}.ant-menu-inline .ant-menu-item{width:calc(100% + 1px)}.ant-menu-inline.ant-menu-root .ant-menu-item{display:flex;align-items:center;transition:border-color .3s,background .3s,padding .1s cubic-bezier(.215,.61,.355,1)}.ant-menu-inline.ant-menu-root .ant-menu-item>.ant-menu-title-content{flex:auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.ant-menu-inline.ant-menu-root .ant-menu-item>*{flex:none}.ant-menu-root.ant-menu-inline{box-shadow:none}.ant-menu-light .ant-menu-item:hover{color:var(--ant-primary-color)}.ant-menu.ant-menu-root:focus-visible{box-shadow:0 0 0 2px var(--ant-primary-7)}.ant-select-single .ant-select-selector{display:flex}.ant-select-single .ant-select-selector .ant-select-selection-search{position:absolute;inset:0 11px}.ant-select-single .ant-select-selector .ant-select-selection-search-input{width:100%}.ant-select-single .ant-select-selector .ant-select-selection-item{padding:0;line-height:30px;transition:all .3s,visibility 0s}.ant-select-single .ant-select-selector .ant-select-selection-item{position:relative;-webkit-user-select:none;user-select:none}.ant-select-single .ant-select-selector .ant-select-selection-item:after,.ant-select-single .ant-select-selector:after{display:inline-block;width:0;visibility:hidden;content:"\a0"}.ant-select-single.ant-select-show-arrow .ant-select-selection-search{right:25px}.ant-select-single.ant-select-show-arrow .ant-select-selection-item{padding-right:18px}.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{width:100%;height:32px;padding:0 11px}.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input{height:30px}.ant-select-single:not(.ant-select-customize-input) .ant-select-selector:after{line-height:30px}.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector{height:24px}.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector:after{line-height:22px}.ant-select-single.ant-select-sm:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input{height:22px}.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selection-search{right:7px;left:7px}.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector{padding:0 7px}.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search{right:28px}.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item{padding-right:21px}.ant-select{box-sizing:border-box;margin:0;padding:0;color:#000000d9;font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;font-feature-settings:"tnum";position:relative;display:inline-block;cursor:pointer}.ant-select:not(.ant-select-customize-input) .ant-select-selector{position:relative;background-color:#fff;border:1px solid #d9d9d9;border-radius:2px;transition:all .3s cubic-bezier(.645,.045,.355,1)}.ant-select:not(.ant-select-customize-input) .ant-select-selector input{cursor:pointer}.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input{margin:0;padding:0;background:0 0;border:none;outline:0;appearance:none}.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input::-webkit-search-cancel-button{display:none;-webkit-appearance:none}.ant-select:not(.ant-select-disabled):hover .ant-select-selector{border-color:var(--ant-primary-5);border-right-width:1px}.ant-select-selection-item{flex:1;overflow:hidden;font-weight:400;white-space:nowrap;text-overflow:ellipsis}@media all and (-ms-high-contrast:none){.ant-select-selection-item{flex:auto}}.ant-select-arrow{display:inline-flex;color:inherit;font-style:normal;line-height:0;text-transform:none;vertical-align:-.125em;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;top:50%;right:11px;display:flex;align-items:center;height:12px;margin-top:-6px;color:#00000040;font-size:12px;line-height:1;text-align:center;pointer-events:none}.ant-select-arrow>*{line-height:1}.ant-select-arrow svg{display:inline-block}.ant-select-arrow:before{display:none}.ant-select-arrow .anticon{vertical-align:top;transition:transform .3s}.ant-select-arrow .anticon>svg{vertical-align:top}.ant-select-arrow .anticon:not(.ant-select-suffix){pointer-events:auto}.ant-select-arrow>:not(:last-child){margin-inline-end:8px}.ant-color-picker-trigger{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:3px;border:1px solid rgba(0,0,0,.06);border-radius:2px;cursor:pointer;transition:all .2s}.ant-color-picker-trigger:hover{border-color:var(--ant-primary-color)}.ant-color-picker-color-block{position:relative;width:28px;height:28px;overflow:hidden;background-image:conic-gradient(rgba(0,0,0,.06) 0 25%,transparent 0 50%,rgba(0,0,0,.06) 0 75%,transparent 0);background-size:50% 50%;border-radius:2px}.ant-color-picker-color-block-inner{box-sizing:border-box;width:100%;height:100%;border:1px solid rgba(0,0,0,.06)}.ant-color-picker-inline{display:inline-block}.ant-color-picker-inline .ant-color-picker-color-block{width:24px;height:24px;margin:0}.github-btn{height:20px;overflow:hidden;font:700 11px/14px Helvetica Neue,Helvetica,Arial,sans-serif}.gh-btn,.gh-count,.gh-ico{float:left}.gh-btn,.gh-count{padding:2px 5px 2px 4px;color:#333;white-space:nowrap;text-decoration:none;border-radius:3px;
54cursor:pointer}.gh-btn{background-color:#eee;background-image:linear-gradient(to bottom,#fcfcfc 0,#eee);background-repeat:no-repeat;border:1px solid #d5d5d5}.gh-btn:focus,.gh-btn:hover{text-decoration:none;background-color:#ddd;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#eee),color-stop(100%,#ddd));background-image:linear-gradient(to bottom,#eee 0,#ddd);border-color:#ccc}.gh-btn:active{background-color:#dcdcdc;background-image:none;border-color:#b5b5b5;box-shadow:inset 0 2px 4px #00000026}.gh-ico{width:14px;height:14px;margin-right:4px;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmlld0JveD0iMTIgMTIgNDAgNDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMTIgMTIgNDAgNDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiMzMzMzMzMiIGQ9Ik0zMiAxMy40Yy0xMC41IDAtMTkgOC41LTE5IDE5YzAgOC40IDUuNSAxNS41IDEzIDE4YzEgMC4yIDEuMy0wLjQgMS4zLTAuOWMwLTAuNSAwLTEuNyAwLTMuMiBjLTUuMyAxLjEtNi40LTIuNi02LjQtMi42QzIwIDQxLjYgMTguOCA0MSAxOC44IDQxYy0xLjctMS4yIDAuMS0xLjEgMC4xLTEuMWMxLjkgMC4xIDIuOSAyIDIuOSAyYzEuNyAyLjkgNC41IDIuMSA1LjUgMS42IGMwLjItMS4yIDAuNy0yLjEgMS4yLTIuNmMtNC4yLTAuNS04LjctMi4xLTguNy05LjRjMC0yLjEgMC43LTMuNyAyLTUuMWMtMC4yLTAuNS0wLjgtMi40IDAuMi01YzAgMCAxLjYtMC41IDUuMiAyIGMxLjUtMC40IDMuMS0wLjcgNC44LTAuN2MxLjYgMCAzLjMgMC4yIDQuNyAwLjdjMy42LTIuNCA1LjItMiA1LjItMmMxIDIuNiAwLjQgNC42IDAuMiA1YzEuMiAxLjMgMiAzIDIgNS4xYzAgNy4zLTQuNSA4LjktOC43IDkuNCBjMC43IDAuNiAxLjMgMS43IDEuMyAzLjVjMCAyLjYgMCA0LjYgMCA1LjJjMCAwLjUgMC40IDEuMSAxLjMgMC45YzcuNS0yLjYgMTMtOS43IDEzLTE4LjFDNTEgMjEuOSA0Mi41IDEzLjQgMzIgMTMuNHoiLz48L3N2Zz4=);background-repeat:no-repeat;background-size:100% 100%}.gh-count{position:relative;display:none;margin-inline-start:4px;background-color:#fafafa;border:1px solid #d4d4d4}.gh-count:focus,.gh-count:hover{color:#4183c4}.gh-count:after,.gh-count:before{position:absolute;display:inline-block;width:0;height:0;border-color:transparent;border-style:solid;content:""}.gh-count:before{top:50%;left:-3px;margin-top:-4px;border-width:4px 4px 4px 0;border-right-color:#fafafa}.gh-count:after{top:50%;left:-4px;z-index:-1;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#d4d4d4}#header{position:relative;z-index:10;max-width:100%;background:#fff;box-shadow:0 2px 8px #f0f1f2}#header .menu-row{display:flex;align-items:center;margin:0}#header .menu-row>*{flex:none;margin:0 16px 0 0}#header .menu-row>:last-child{margin-right:40px}#header .header-button{color:#000000d9;border-color:#d9d9d9}#header .header-button:hover{border-color:var(--ant-primary-color)}@media only screen and (max-width:767.99px){#header{text-align:center}}#github-btn{display:flex;flex-flow:nowrap;height:auto}#github-btn .gh-btn{height:auto;padding:1px 4px;background:0 0;border:0}#github-btn .gh-btn .gh-ico{width:20px;height:20px;margin:0}#github-btn .gh-btn .gh-text{display:none}#github-btn .gh-count{min-width:45px;height:auto;padding:4px 8px;font-weight:400;background:#fff}#github-btn .gh-count:hover{color:var(--ant-primary-color)}#logo{height:64px;padding-left:40px;overflow:hidden;color:#000000d9;font-size:18px;font-family:Avenir,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji",sans-serif;line-height:64px;white-space:nowrap;text-decoration:none}#logo img{position:relative;top:-1.5px;width:28.27px;height:32px;margin-right:16px}@media only screen and (max-width:767.99px){#logo{padding-right:0;padding-left:0}}#nav{height:100%;font-size:14px;font-family:Avenir,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji",sans-serif;border:0}#nav.ant-menu-horizontal{border-bottom:none}#nav.ant-menu-horizontal>.ant-menu-item{min-width:64px;height:64px;padding-right:12px;padding-left:12px;line-height:64px}#nav.ant-menu-horizontal>.ant-menu-item:after{inset:0 12px auto;border-width:2px}#nav.ant-menu-horizontal>.ant-menu-item-selected a{color:var(--ant-primary-color)}#nav>.ant-menu-item{text-align:center}#search-box{position:relative;display:flex;flex:auto!important;align-items:center;height:22px;margin:0 auto 0 0!important;padding-left:16px;line-height:22px;white-space:nowrap;border-left:1px solid rgba(0,0,0,.06);transition:width .5s}#search-box>*{flex:auto}#search-box .anticon{position:absolute;top:50%;z-index:1;flex:none;color:#ced4d9;transform:translateY(-50%);pointer-events:none}#search-box input{width:100%;
54max-width:200px;padding-left:20px;font-size:14px;background:0 0;border:0;box-shadow:none}#search-box input::placeholder{color:#a3b1bf}@media only screen and (max-width:767.99px){#search-box{display:none}}article,blockquote,body,button,code,div,footer,h1,h2,header,input,li,p,pre,section,td,th,ul{margin:0;padding:0}ul{list-style:none}body{color:#000000d9;font-size:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";background:#fff;transition:background 1s cubic-bezier(.075,.82,.165,1)}a{transition:color .3s ease}.main-wrapper{position:relative;padding:40px 0 0;background:#fff}.main-container{position:relative;min-height:500px;padding:0 170px 32px 64px;background:#fff}.main-menu{z-index:1}.main-menu-inner{height:100%;max-height:100vh;overflow:hidden}.main-menu:hover .main-menu-inner{overflow-y:auto}.aside-container{min-height:100%;padding-bottom:48px;font-family:Avenir,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji",sans-serif}.aside-container.ant-menu-inline .ant-menu-item a,.aside-container.ant-menu-inline>.ant-menu-item{overflow:hidden;font-size:14px;text-overflow:ellipsis}.aside-container.ant-menu-inline>.ant-menu-item{padding-left:40px!important}.page-wrapper{width:100%;padding:0;overflow:hidden}.fixed-widgets{position:fixed;right:32px;bottom:102px;z-index:2147483640;display:flex;flex-direction:column;
54cursor:pointer}.fixed-widgets>div{display:block}.fixed-widgets .fixed-widgets-avatar{color:#000;background-color:#fff;box-shadow:0 3px 6px -4px #0000001f,0 6px 16px #00000014,0 9px 28px 8px #0000000d;transition:color .3s}.fixed-widgets .fixed-widgets-avatar:hover{color:var(--ant-primary-color)}#header,#header #nav.ant-menu,#header #search-box,.main-wrapper,.main-wrapper .main-container{transition:all .3s cubic-bezier(.78,.14,.15,.86)}.rc-footer{position:relative;clear:both;color:#fff6;font-size:14px;line-height:1.5;background-color:#000}.rc-footer a{color:#ffffffe6;text-decoration:none;transition:all .3s}.rc-footer a:hover{color:#40a9ff}.rc-footer-container{width:100%;max-width:1200px;margin:auto;padding:80px 0 20px}.rc-footer-columns{display:flex;justify-content:space-around}.rc-footer-column{margin-bottom:60px}.rc-footer-column h2{position:relative;margin:0 auto 24px;color:#fff;font-weight:500;font-size:16px}.rc-footer-item{margin:12px 0}.rc-footer-item-icon{position:relative;top:-1px;display:inline-block;width:16px;margin-right:.4em;text-align:center;vertical-align:middle}.rc-footer-item-separator{margin:0 .3em}.rc-footer-bottom-container{width:100%;max-width:1200px;margin:0 auto;padding:16px 0;font-size:16px;line-height:32px;text-align:center;border-top:1px solid rgba(255,255,255,.25)}@media only screen and (max-width:767.99px){.rc-footer{text-align:center}.rc-footer-container{padding:40px 0}.rc-footer-columns{display:block}.rc-footer-column{display:block;margin-bottom:40px}.rc-footer-column:last-child{margin-bottom:0}}.rc-footer{z-index:11}.rc-footer-container{max-width:unset;padding:60px}.rc-footer-bottom-container{max-width:calc(100% - 120px)}.rc-footer-columns{justify-content:space-between}.prev-next-nav{margin-right:64px;margin-left:64px;overflow:hidden;font-size:14px;border-top:1px solid rgba(0,0,0,.06)}.markdown{color:#000000d9;font-size:14px;line-height:2}.markdown img{max-width:calc(100% - 32px);max-height:100%;object-fit:contain}.markdown h1{margin-top:8px;margin-bottom:20px;color:#000000d9;font-weight:500;font-size:30px;font-family:Avenir,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji",sans-serif;line-height:38px}.markdown h1 .subtitle{margin-left:12px}.markdown h2{font-size:24px;line-height:32px}.markdown h2{clear:both;margin:1.6em 0 .6em;color:#000000d9;font-weight:500;font-family:Avenir,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji",sans-serif}.markdown p,.markdown pre{margin:1em 0}.markdown ul>li{margin-left:20px;padding-left:4px;list-style-type:circle}.markdown ul>li:empty{display:none}.markdown code{margin:0 1px;padding:.2em .4em;font-size:.9em;background:#f2f4f5;border:1px solid rgba(0,0,0,.06);border-radius:3px}.markdown pre{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;background:#f2f4f5;border-radius:2px}.markdown pre code{margin:0;padding:12px 20px;overflow:auto;color:#000000d9;font-size:13px;background:#f5f5f5;border:none}.markdown strong{font-weight:500}.markdown>table{width:100%;margin:8px 0 16px;empty-cells:show;border:1px solid rgba(0,0,0,.06);border-collapse:collapse;border-spacing:0}.markdown>table th{color:#5c6b77;font-weight:500;white-space:nowrap;background:#00000005}.markdown>table td,.markdown>table th{padding:16px 24px;text-align:left;border:1px solid rgba(0,0,0,.06)}.markdown blockquote{margin:1em 0;padding-left:.8em;color:#00000073;font-size:90%;border-left:4px solid rgba(0,0,0,.06)}.markdown blockquote p{margin:0}.markdown .anchor{margin-left:8px;opacity:0;transition:opacity .3s}.markdown a.edit-button{display:inline-block;margin-left:8px;text-decoration:none}.markdown a.edit-button .anticon{display:block;color:#00000073;font-size:16px}.markdown a.edit-button .anticon:hover{color:#000000d9}.markdown h2:hover .anchor{display:inline-block;opacity:1}.toc-affix{position:absolute;top:8px;right:20px}pre code{display:block;padding:16px 32px;color:#000000d9;font-size:14px;font-family:Lucida Console,Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;line-height:2;white-space:pre;background:#fff;border:1px solid #e9e9e9;border-radius:2px}code[class*=language-]{color:#000;font-family:Lucida Console,Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;line-height:1.5;direction:ltr;white-space:pre;text-align:left;word-wrap:normal;word-break:normal;word-spacing:normal;tab-size:4;-webkit-hyphens:none;hyphens:none;background:0 0}code[class*=language-]::selection{text-shadow:none;background:#b3d4fc}code[class*=language-] ::selection,code[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-]{text-shadow:none}}.token.function{color:#f81d22}@media only screen and (max-width:992px){.main-container{padding-right:48px;padding-left:48px}.main-container .toc-affix{display:none}}@media only screen and (max-width:767.99px){.aside-container{float:none;width:auto;padding-bottom:30px;border-right:0}.main-container{margin-right:0;margin-left:0;padding-right:16px;padding-left:16px}.main-wrapper{width:100%;margin:0;border-radius:0}.prev-next-nav{width:calc(100% - 32px);margin-left:16px}}@media screen and (max-width:767px){.pic-plus img{width:120px;height:auto}}.pic-plus>*{display:inline-block!important;vertical-align:middle}.pic-plus span{margin:0 20px;color:#aaa;font-size:30px}#ng-content{height:100%;transition:transform .3s cubic-bezier(.78,.14,.15,.86)}.toc-affix .ant-anchor{font-size:12px}.toc-affix .ant-anchor .ant-anchor-ink:before{width:1px;border-left:1px solid rgba(0,0,0,.06)}.toc-affix .ant-anchor .ant-anchor-link{padding:0 0 4px 16px;line-height:1.5}.toc-affix .ant-anchor .ant-anchor-link .ant-anchor-link-title{width:110px;color:#000000d9;white-space:nowrap;text-overflow:ellipsis}</style><link rel="stylesheet" href="styles-EMKJFYHT.css" media="print" onload='this.media="all"'><noscript><link rel="stylesheet" href="styles-EMKJFYHT.css"></noscript><style ng-app-id="docs">@media (max-width:767px){.main-menu[_ngcontent-docs-c1600906108]{dis
54play:none}}</style><style ng-app-id="docs">.contributors-list[_ngcontent-docs-c2559970923]{display:flex;flex-wrap:wrap;margin:0;margin-top:120px!important;padding:0;list-style:none}.contributors-list[_ngcontent-docs-c2559970923] .ant-avatar[_ngcontent-docs-c2559970923]+.ant-avatar[_ngcontent-docs-c2559970923],.contributors-list[_ngcontent-docs-c2559970923] a[_ngcontent-docs-c2559970923]{margin-right:8px;margin-bottom:8px}</style><style ng-app-id="docs">#logo[_ngcontent-docs-c3414513947] strong[_ngcontent-docs-c3414513947]{font-weight:500}</style><style ng-app-id="docs">[_nghost-docs-c1235551205]{display:block}</style><style ng-app-id="docs">.menu-title-content-link[_ngcontent-docs-c442195394]{display:flex;align-items:center;justify-content:space-between}.menu-title-content-link[_ngcontent-docs-c442195394]>.ant-tag[_ngcontent-docs-c442195394]{margin-inline-end:0}</style><style ng-app-id="docs">::ng-deep .top-menu-additional{position:relative;right:80px;width:190px}</style><link _ngcontent-docs-c1600906108 rel="alternate" hreflang="en" href="https://ng.ant.design/docs/introduce/en"><link _ngcontent-docs-c1600906108 rel="alternate" hreflang="x-default" href="https://ng.ant.design/docs/introduce/en"><link _ngcontent-docs-c1600906108 rel="alternate" hreflang="zh" href="https://ng.ant.design/docs/introduce/zh"></head>
55  <body class="preload"><!--nghm-->
56    <app-root ng-version="20.0.0" _nghost-docs-c1600906108 ngh="23" ng-server-context="ssg"><div _ngcontent-docs-c1600906108 id="ng-content"><div _ngcontent-docs-c1600906108 class="page-wrapper" dir="ltr"><app-header _ngcontent-docs-c1600906108 ngh="9"><header id="header" class="clearfix"><!----><div nz-row class="ant-row" style="flex-flow:nowrap"><div nz-col 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"><app-logo _nghost-docs-c3414513947 ngh="0"><a _ngcontent-docs-c3414513947 href="/" id="logo"><img _ngcontent-docs-c3414513947 width="32" height="28.27" alt="logo" src="./assets/img/logo.svg"><strong _ngcontent-docs-c3414513947>NG-ZORRO</strong></a></app-logo></div><div nz-col class="menu-row ant-col 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" app-searchbar class ngh="1"><nz-icon nztype="search" class="anticon anticon-search"><svg viewBox="64 64 896 896" focusable="false" fill="currentColor" width="1em" height="1em" data-icon="search" aria-hidden="true" class=""><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"/></svg></nz-icon><input nz-input class="ant-input ant-input-stepperless" placeholder="Search in ng.ant.design"><!----></div><ul id="nav" nz-menu app-navigation class="menu-site ant-menu ant-menu-root ant-menu-light ant-menu-horizontal" ngh="2"><li nz-menu-item class="ant-menu-item ant-menu-item-selected" ngh="0"><span class="ant-menu-title-content"><a href="/docs/introduce/en"><span>Docs</span></a></span></li><li nz-menu-item class="ant-menu-item" ngh="0"><span class="ant-menu-title-content"><a href="/components/overview/en"><span>Components</span></a></span></li><li nz-menu-item class="ant-menu-item" ngh="0"><span class="ant-menu-title-content"><a href="/experimental/pipes/en"><span>Experimental</span></a></span></li><!----><!----><!----></ul><nz-select nzsize="small" class="ant-select version ant-select-sm ant-select-show-arrow ant-select-single ng-untouched ng-pristine ng-valid ng-tns-c3540193384-1" style="max-width:126px" ngh="7"><nz-select-top-control cdkoverlayorigin class="ant-select-selector nz-animate-disabled" ngh="5"><nz-select-search class="ant-select-selection-search" ngh="3"><input autocomplete="off" class="ant-select-selection-search-input ng-untouched ng-pristine ng-valid" readonly style="opacity:0" value><!----></nz-select-search><nz-select-item class="ant-select-selection-item" title="19.3.1" ngh="4"><!----> 19.3.1 <!----><!----><!----><!----></nz-select-item><!----><!----><!----><!----></nz-select-top-control><nz-select-arrow class="ant-select-arrow" ngh="6"><!----><!----><!----><nz-icon nztype="down" class="anticon anticon-down"><svg viewBox="64 64 896 896" focusable="false" fill="currentColor" width="1em" height="1em" data-icon="down" aria-hidden="true" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"/></svg></nz-icon><!----><!----><!----><!----><!----><!----></nz-select-arrow><!----><!----><!----></nz-select>
56<button nz-button nzsize="small" class="ant-btn header-button header-lang-butto ant-btn-sm" ngh="8"><!----><span> 中文 </span></button><button nz-button nzghost nzsize="small" class="ant-btn header-button header-direction-button ant-btn-sm ant-btn-background-ghost" ngh="8"><!----><span> RTL </span></button><app-github-btn id="github-btn" class="github-btn" ngh="0"><a tabindex="-1" target="_blank" rel="noopener" aria-hidden="true" class="gh-btn" href="https://github.com/NG-ZORRO/ng-zorro-antd"><span aria-hidden="true" class="gh-ico"></span><span class="gh-text">Star</span></a><a target="_blank" rel="noopener" class="gh-count" style="display:block" href="https://github.com/NG-ZORRO/ng-zorro-antd/stargazers"> 0 </a></app-github-btn><!----><!----><!----><!----></div></div></header><!----></app-header><div _ngcontent-docs-c1600906108 class="main-wrapper"><div _ngcontent-docs-c1600906108 nz-row class="ant-row"><div _ngcontent-docs-c1600906108 nz-col class="main-menu 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"><nz-affix _ngcontent-docs-c1600906108 ngh="0"><div><section _ngcontent-docs-c1600906108 class="main-menu-inner"><app-side _ngcontent-docs-c1600906108 _nghost-docs-c442195394 ngh="10"><ul _ngcontent-docs-c442195394 nz-menu class="aside-container menu-site ant-menu ant-menu-root ant-menu-light ant-menu-inline"><li _ngcontent-docs-c442195394 nz-menu-item nzmatchrouter style="padding-left:40px" class="ant-menu-item ant-menu-item-selected" ngh="0"><span class="ant-menu-title-content"><a _ngcontent-docs-c442195394 href="/docs/introduce/en">Ant Design of Angular</a></span></li><li _ngcontent-docs-c442195394 nz-menu-item nzmatchrouter hidden style="padding-left:40px" class="ant-menu-item" ngh="0"><span class="ant-menu-title-content"><a _ngcontent-docs-c442195394 href="/docs/introduce/zh">Ant Design of Angular</a></span></li><li _ngcontent-docs-c442195394 nz-menu-item nzmatchrouter style="padding-left:40px" class="ant-menu-item" ngh="0"><span class="ant-menu-title-content"><a _ngcontent-docs-c442195394 href="/docs/getting-started/en">Getting Started</a></span></li><li _ngcontent-docs-c442195394 nz-menu-item nzmatchrouter hidden style="padding-left:40px" class="ant-menu-item" ngh="0"><span class="ant-menu-title-content"><a _ngcontent-docs-c442195394 href="/docs/getting-started/zh">快速上手</a></span></li><li _ngcontent-docs-c442195394 nz-menu-item nzmatchrouter style="padding-left:40px" class="ant-menu-item" ngh="0"><span class="ant-menu-title-content"><a _ngcontent-docs-c442195394 href="/docs/schematics/en">Schematics</a></span></li><li _ngcontent-docs-c442195394 nz-menu-item nzmatchrouter hidden style="padding-left:40px" class="ant-menu-item" ngh="0"><span class="ant-menu-title-content"><a _ngcontent-docs-c442195394 href="/docs/schematics/zh">脚手架</a></span></li><li _ngcontent-docs-c442195394 nz-menu-item nzmatchrouter style="padding-left:40px" class="ant-menu-item" ngh="0"><span class="ant-menu-title-content"><a _ngcontent-docs-c442195394 href="/docs/i18n/en">Internationalization</a></span></li><li _ngcontent-docs-c442195394 nz-menu-item nzmatchrouter hidden style="padding-left:40px" class="ant-menu-item" ngh="0"><span class="ant-menu-title-content"><a _ngcontent-docs-c442195394 href="/docs/i18n/zh">国际化</a></span></li><li _ngcontent-docs-c442195394 nz-menu-item nzmatchrouter style="padding-left:40px" class="ant-menu-item" ngh="0"><span class="ant-menu-title-content"><a _ngcontent-docs-c442195394 href="/docs/customize-theme/en">Theme Customization</a></span></li><li _ngcontent-docs-c442195394 nz-menu-item nzmatchrouter hidden style="padding-left:40px" class="ant-menu-item" ngh="0"><span class="ant-menu-title-content"><a _ngcontent-docs-c442195394 href="/docs/customize-theme/zh">定制主题</a></span></li><li _ngcontent-docs-c442195394 nz-menu-item nzmatchrouter style="padding-left:40px" class="ant-menu-item" ngh="0"><span class="ant-menu-title-content"><a _ngcontent-docs-c442195394 href="/docs/customize-theme-variable/en">Dynamic Theme (Experimental)</a></span></li><li _ngcontent-docs-c442195394 nz-menu-item nzmatchrouter hidden style="padding-left:40px" class="ant-menu-item" ngh="0"><span class="ant-menu-title-content">
56<a _ngcontent-docs-c442195394 href="/docs/customize-theme-variable/zh">动态主题(实验性)</a></span></li><li _ngcontent-docs-c442195394 nz-menu-item nzmatchrouter style="padding-left:40px" class="ant-menu-item" ngh="0"><span class="ant-menu-title-content"><a _ngcontent-docs-c442195394 href="/docs/global-config/en">Global Configuration</a></span></li><li _ngcontent-docs-c442195394 nz-menu-item nzmatchrouter hidden style="padding-left:40px" class="ant-menu-item" ngh="0"><span class="ant-menu-title-content"><a _ngcontent-docs-c442195394 href="/docs/global-config/zh">全局配置项</a></span></li><li _ngcontent-docs-c442195394 nz-menu-item nzmatchrouter style="padding-left:40px" class="ant-menu-item" ngh="0"><span class="ant-menu-title-content"><a _ngcontent-docs-c442195394 href="/docs/animations/en">Animations Switch</a></span></li><li _ngcontent-docs-c442195394 nz-menu-item nzmatchrouter hidden style="padding-left:40px" class="ant-menu-item" ngh="0"><span class="ant-menu-title-content"><a _ngcontent-docs-c442195394 href="/docs/animations/zh">动画开关</a></span></li><li _ngcontent-docs-c442195394 nz-menu-item nzmatchrouter style="padding-left:40px" class="ant-menu-item" ngh="0"><span class="ant-menu-title-content"><a _ngcontent-docs-c442195394 href="/docs/direction/en">Direction</a></span></li><li _ngcontent-docs-c442195394 nz-menu-item nzmatchrouter hidden style="padding-left:40px" class="ant-menu-item" ngh="0"><span class="ant-menu-title-content"><a _ngcontent-docs-c442195394 href="/docs/direction/zh">文字方向</a></span></li><li _ngcontent-docs-c442195394 nz-menu-item nzmatchrouter style="padding-left:40px" class="ant-menu-item" ngh="0"><span class="ant-menu-title-content"><a _ngcontent-docs-c442195394 href="/docs/recommendation/en">Resources</a></span></li><li _ngcontent-docs-c442195394 nz-menu-item nzmatchrouter hidden style="padding-left:40px" class="ant-menu-item" ngh="0"><span class="ant-menu-title-content"><a _ngcontent-docs-c442195394 href="/docs/recommendation/zh">资源推荐</a></span></li><li _ngcontent-docs-c442195394 nz-menu-item nzmatchrouter style="padding-left:40px" class="ant-menu-item" ngh="0"><span class="ant-menu-title-content"><a _ngcontent-docs-c442195394 href="/docs/faq/en">FAQ</a></span></li><li _ngcontent-docs-c442195394 nz-menu-item nzmatchrouter hidden style="padding-left:40px" class="ant-menu-item" ngh="0"><span class="ant-menu-title-content"><a _ngcontent-docs-c442195394 href="/docs/faq/zh">常见问题</a></span></li><li _ngcontent-docs-c442195394 nz-menu-item nzmatchrouter style="padding-left:40px" class="ant-menu-item" ngh="0"><span class="ant-menu-title-content"><a _ngcontent-docs-c442195394 href="/docs/contributing/en">
56How to Contribute</a></span></li><li _ngcontent-docs-c442195394 nz-menu-item nzmatchrouter hidden style="padding-left:40px" class="ant-menu-item" ngh="0"><span class="ant-menu-title-content"><a _ngcontent-docs-c442195394 href="/docs/contributing/zh">贡献指南</a></span></li><li _ngcontent-docs-c442195394 nz-menu-item nzmatchrouter style="padding-left:40px" class="ant-menu-item" ngh="0"><span class="ant-menu-title-content"><a _ngcontent-docs-c442195394 href="/docs/changelog/en">Change Log</a></span></li><li _ngcontent-docs-c442195394 nz-menu-item nzmatchrouter hidden style="padding-left:40px" class="ant-menu-item" ngh="0"><span class="ant-menu-title-content"><a _ngcontent-docs-c442195394 href="/docs/changelog/zh">更新日志</a></span></li><li _ngcontent-docs-c442195394 nz-menu-item nzmatchrouter style="padding-left:40px" class="ant-menu-item" ngh="0"><span class="ant-menu-title-content"><a _ngcontent-docs-c442195394 href="/docs/migration-v20/en">v20 Migration Guide</a></span></li><li _ngcontent-docs-c442195394 nz-menu-item nzmatchrouter hidden style="padding-left:40px" class="ant-menu-item" ngh="0"><span class="ant-menu-title-content"><a _ngcontent-docs-c442195394 href="/docs/migration-v20/zh">v20 升级指南</a></span></li><li _ngcontent-docs-c442195394 nz-menu-item nzmatchrouter hidden style="padding-left:40px" class="ant-menu-item" ngh="0"><span class="ant-menu-title-content"><a _ngcontent-docs-c442195394 href="/docs/join/en">Join us</a></span></li><li _ngcontent-docs-c442195394 nz-menu-item nzmatchrouter hidden style="padding-left:40px" class="ant-menu-item" ngh="0"><span class="ant-menu-title-content"><a _ngcontent-docs-c442195394 href="/docs/join/zh">社区招募</a></span></li><!----><!----><!----><!----></ul></app-side><!----></section></div></nz-affix></div><!----><div _ngcontent-docs-c1600906108 nz-col class="main-container main-container-component ant-col ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-18 ant-col-xl-19 ant-col-xxl-20"><router-outlet _ngcontent-docs-c1600906108></router-outlet><nz-doc-introduce-en ngh="13"><article class="markdown"><h1>Ant Design of Angular<span class="subtitle"></span><span class="widget"></span><a aria-label="Edit this page on Github" href="https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/docs/introduce.en-US.md" target="_blank" rel="noopener noreferrer" class="edit-button"><nz-icon nztype="edit" class="anticon anticon-edit"><svg viewBox="64 64 896 896" focusable="false" fill="currentColor" width="1em" height="1em" data-icon="edit" aria-hidden="true" class=""><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"/></svg></nz-icon></a></h1><nz-affix class="toc-affix" ngh="0"><div><nz-anchor nzshowinkinfixed ngh="11"><!----><div class="ant-anchor-wrapper ng-star-inserted" style="max-height:100vh"><div class="ant-anchor"><div class="ant-anchor-ink"><div class="ant-anchor-ink-ball"></div></div><nz-link nzhref="#features" nztitle="Features" class="ant-anchor-link" ngh="12"><a class="ant-anchor-link-title" href="#features" target="undefined" title="Features"><span class="ng-star-inserted">Features</span><!----><!----></a><!----></nz-link><nz-link nzhref="#environment-support" nztitle="Environment Support" class="ant-anchor-link" ngh="12"><a class="ant-anchor-link-title" href="#environment-support" target="undefined" title="Environment Support"><span class="ng-star-inserted">Environment Support</span><!----><!----></a><!----></nz-link><nz-link nzhref="#version" nztitle="Version" class="ant-anchor-link" ngh="12"><a class="ant-anchor-link-title" href="#version" target="undefined" title="Version"><span class="ng-star-inserted">Version</span><!----><!----></a><!----></nz-link><nz-link nzhref="#angular-support" nztitle="Angular Support" class="ant-anchor-link" ngh="12"><a class="ant-anchor-link-title" href="#angular-support" target="undefined" title="Angular Support"><span class="ng-star-inserted">Angular Support</span><!----><!----></a><!----></nz-link><nz-link nzhref="#design-specification" nztitle="Design Specification" class="ant-anchor-link" ngh="12"><a class="ant-anchor-link-title" href="#design-specification" target="undefined" title="Design Specification"><span class="ng-star-inserted">Design Specification</span><!----><!----></a><!----></nz-link><nz-link nzhref="#installation" nztitle="Installation" class="ant-anchor-link" ngh="12"><a class="ant-anchor-link-title" href="#installation" target="undefined" title="Installation"><span class="ng-star-inserted">Installation</span><!----><!----></a><!----></nz-link><nz-link nzhref="#companies-using-ng-zorro-antd" nztitle="Companies using ng-zorro-antd" class="ant-anchor-link" ngh="12"><a class="ant-anchor-link-title" href="#companies-using-ng-zorro-antd" target="undefined" title="Companies using ng-zorro-antd"><span class="ng-star-inserted">Companies using ng-zorro-antd</span><!----><!----></a><!----></nz-link><nz-link nzhref="#contributing" nztitle="Contributing" class="ant-anchor-link" ngh="12"><a class="ant-anchor-link-title" href="#contributing" target="undefined" title="Contributing"><span class="ng-star-inserted">Contributing</span><!----><!----></a><!----></nz-link><nz-link nzhref="#need-help" nztitle="Need Help?" class="ant-anchor-link" ngh="12"><a class="ant-anchor-link-title" href="#need-help" target="undefined" title="Need Help?"><span class="ng-star-inserted">Need Help?</span><!----><!----></a><!----></nz-link></div></div><!----><!----><!----></nz-anchor></div></nz-affix><section class="markdown"><p>An enterprise-class Angular UI component library based on Ant Design, all components are open source and free to use under MIT license.</p><div class="pic-plus"><img alt="Ant Design" width="150" height="150" src="https://img.alicdn.com/tfs/TB1g.mWZAL0gK0jSZFtXXXQCXXa-200-200.svg" style="margin-right:24px"><span>+</span><img alt="Angular" width="180" height="180" src="https://img.alicdn.com/imgextra/i1/O1CN01RSfkps1J0vtVaKr0U_!!6000000000967-49-tps-1920-1920.webp"></div><h2 id="features"><span>Features</span><a onclick='window.location.hash="features"' class="anchor">#</a></h2><ul><li>An enterprise-class UI design language for Angular applications.</li><li>70+ high-quality Angular components out of the box.</li><li>Written in TypeScript with complete defined types.</li><li>Support OnPush mode, high performance.</li><li>Powerful theme customization in every detail.</li><li>Internationalization support for dozens of languages.</li></ul><h2 id="environment_support"><span>Environment Support</span><a onclick='window.location.hash="environment_support"' class="anchor">#</a></h2><ul><li>Modern browsers, <a href="https://angular.dev/reference/versions#browser-support" target="_blank" rel="noopener">Browser support</a></li><li>Server-side Rendering</li><li><a href="https://www.electronjs.org/" target="_blank" rel="noopener">Electron</a></li></ul><table><thead><tr><th>
56<a href="https://godban.github.io/browsers-support-badges//" target="_blank" rel="noopener"><img src="https://img.alicdn.com/tfs/TB1G5ewZuL2gK0jSZPhXXahvXXa-48-48.png" alt="Edge" width="24px" height="24px"></a><br>Edge</th><th><a href="https://godban.github.io/browsers-support-badges/" target="_blank" rel="noopener"><img src="https://img.alicdn.com/tfs/TB1Dx73o79l0K4jSZFKXXXFjpXa-48-48.png" alt="Firefox" width="24px" height="24px"></a><br>Firefox</th><th><a href="https://godban.github.io/browsers-support-badges/" target="_blank" rel="noopener"><img src="https://img.alicdn.com/tfs/TB1mY9FZrr1gK0jSZFDXXb9yVXa-48-48.png" alt="Chrome" width="24px" height="24px"></a><br>Chrome</th><th><a href="https://godban.github.io/browsers-support-badges/" target="_blank" rel="noopener"><img src="https://img.alicdn.com/tfs/TB1Vas5o79l0K4jSZFKXXXFjpXa-48-48.png" alt="Safari" width="24px" height="24px"></a><br>Safari</th><th><a href="https://godban.github.io/browsers-support-badges/" target="_blank" rel="noopener"><img src="https://img.alicdn.com/tfs/TB12EmNZET1gK0jSZFrXXcNCXXa-48-48.png" alt="Opera" width="24px" height="24px"></a><br>Opera</th><th><a href="https://godban.github.io/browsers-support-badges/" target="_blank" rel="noopener"><img src="https://img.alicdn.com/tfs/TB1TMW8paNj0u4jSZFyXXXgMVXa-48-48.png" alt="Electron" width="24px" height="24px"></a><br>Electron</th></tr></thead><tbody><tr><td>last 2 versions</td><td>last 2 versions</td><td>last 2 versions</td><td>last 2 versions</td><td>last 2 versions</td><td>last 2 versions</td></tr></tbody></table><h2 id="version"><span>Version</span><a onclick='window.location.hash="version"' class="anchor">#</a></h2><p><a href="https://www.npmjs.org/package/ng-zorro-antd" target="_blank" rel="noopener"><img src="https://img.shields.io/npm/v/ng-zorro-antd.svg?style=flat-square" alt="npm package"></a></p><h2 id="angular_support"><span>Angular Support</span><a onclick='window.location.hash="angular_support"' class="anchor">#</a></h2><p><code>ng-zorro-antd</code> keeps the same major version with <code>@angular/core</code>, now supports Angular <code>^19.0.0</code>.</p><h2 id="design_specification"><span>Design Specification</span><a onclick='window.location.hash="design_specification"' class="anchor">#</a></h2><p><code>ng-zorro-antd</code> synchronizes design specification with <a href="https://ant.design/docs/spec/introduce" target="_blank" rel="noopener">Ant Design</a> on a regular basis, you can check the <a href="https://github.com/NG-ZORRO/ng-zorro-antd/actions?query=workflow:%22styles-sync%22" target="_blank" rel="noopener">log</a> online.</p><h2 id="installation"><span>Installation</span><a onclick='window.location.hash="installation"' class="anchor">#</a></h2><p><strong>We recommend using <code>@angular/cli</code> to install</strong>,it not only makes development easier,but also allow you to take advantage of the rich ecosystem of angular packages and tooling.</p><pre><code class="language-bash">$ <span class="token function">ng</span> new PROJECT_NAME
57$ <span class="token function">cd</span> PROJECT_NAME
58$ <span class="token function">ng</span> add <span class="token function">ng-zorro-antd</span>
59</code></pre><blockquote><p>More information about <code>@angular/cli</code><a href="https://github.com/angular/angular-cli" target="_blank" rel="noopener">here</a>.</p></blockquote><p>You can also install <code>ng-zorro-antd</code> with npm or yarn</p><pre><code class="language-bash">$ <span class="token function">npm</span> install <span class="token function">ng-zorro-antd</span>
60</code></pre><h2 id="companies_using_ng-zorro-antd"><span>Companies using ng-zorro-antd</span><a onclick='window.location.hash="companies_using_ng-zorro-antd"' class="anchor">#</a></h2><ul><li><a href="https://www.alibaba.com/" target="_blank" rel="noopener">Alibaba</a></li><li><a href="https://www.aliyun.com/" target="_blank" rel="noopener">Aliyun</a></li><li><a href="https://www.thoughtworks.com/" target="_blank" rel="noopener">ThoughtWorks</a></li><li><a href="https://english.cmbchina.com/" target="_blank" rel="noopener">China Merchants Bank</a></li><li><a href="https://www.ververica.com/" target="_blank" rel="noopener">Ververica</a></li><li><a href="https://flink.apache.org/" target="_blank" rel="noopener">Apache Flink</a></li><li><a href="https://zeppelin.apache.org/" target="_blank" rel="noopener">Apache Zeppelin</a></li><li><a href="https://submarine.apache.org/" target="_blank" rel="noopener">Apache Submarine</a></li><li><a href="https://metron.apache.org/" target="_blank" rel="noopener">Apache Metron</a></li><li><a href="https://pag.company/" target="_blank" rel="noopener">Process Automation Group</a></li><li><a href="https://www.aisino.com/" target="_blank" rel="noopener">AISINOCO</a></li><li><a href="https://www.gongdao.com/" target="_blank" rel="noopener">GongDao</a></li><li><a href="https://www.uce.cn/" target="_blank" rel="noopener">UC Express</a></li><li><a href="https://qingflow.com/" target="_blank" rel="noopener">Qingflow</a></li><li><a href="https://datagrand.com/" target="_blank" rel="noopener">DataGrand</a></li><li><a href="https://www.scentbird.com/" target="_blank" rel="noopener">ScentBird</a></li><li><a href="https://www.sit.ac.nz/" target="_blank" rel="noopener">Southern Institute of Technology</a></li><li><a href="https://hub.hapify.io/" target="_blank" rel="noopener">Hapify (Dynamic boilerplates tool)</a></li></ul><blockquote><p>We list some users here, if your company or product uses ng-zorro-antd, let us know <a href="https://github.com/NG-ZORRO/ng-zorro-antd/issues/1142" target="_blank" rel="noopener">here</a>!</p></blockquote><h2 id="contributing"><span>Contributing</span><a onclick='window.location.hash="contributing"' class="anchor">#</a></h2><p>Please read our <a href="https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener">CONTRIBUTING.md</a> first.</p><p>If you'd like to help us improve ng-zorro-antd, just create a <a href="https://github.com/NG-ZORRO/ng-zorro-antd/pulls" target="_blank" rel="noopener">Pull Request</a>. Feel free to report bugs and issues <a href="https://ng.ant.design/issue-helper/#/en" target="_blank" rel="noopener">here</a>.</p><blockquote><p>If you're new to posting issues, we ask that you read <a href="https://www.catb.org/~esr/faqs/smart-questions.html" target="_blank" rel="noopener"><em>How To Ask Questions The Smart Way</em></a>(This guide does not provide actual support services for this project!) and <a href="https://github.com/seajs/seajs/issues/545" target="_blank" rel="noopener">How to Ask a Question in Open Source Community</a> and <a href="https://www.chiark.greenend.org.uk/~sgtatham/bugs.html" target="_blank" rel="noopener">How to Report Bugs Effectively</a> prior to posting. Well written bug reports help us help you!</p></blockquote><h2 id="need_help?"><span>Need Help?</span><a onclick='window.location.hash="need_help?"' class="anchor">#</a></h2><p>For questions on how to use ng-zorro-antd, please post questions to <a href="https://stackoverflow.com/questions/tagged/ng-zorro-antd" target="_blank" rel="noopener"><img alt="Stack Overflow" src="https://cdn.sstatic.net/Sites/stackoverflow/company/img/logos/so/so-logo.svg?v=2bb144720a66" width="140"></a> using the <code>ng-zorro-antd</code> tag. If you're not finding what you need on stackoverflow, you can find us on <a href="https://github.com/NG-ZORRO/ng-zorro-antd/discussions" target="_blank" rel="noopener">Discussions · NG-ZORRO/ng-zorro-antd</a> as well.</p><p>As always, we encourage experienced users to help those who are not familiar with <code>ng-zorro-antd</code>!</p></section></article></nz-doc-introduce-en><!----><nz-contributors-list _ngcontent-docs-c1600906108 _nghost-docs-c2559970923 ngh="14"><ul _ngcontent-docs-c2559970923 class="contributors-list"><!----></ul></nz-contributors-list></div></div><div _ngcontent-docs-c1600906108 nz-row class="ant-row"><div _ngcontent-docs-c1600906108 nz-col class="ant-col ant-col-xs-24 ant-col-sm-24 ant-col-md-24 ant-col-lg-18 ant-col-lg-offset-6 ant-col-xl-19 ant-col-xl-offset-5 ant-col-xxl-20 ant-col-xxl-offset-4"><app-fixed-widgets _ngcontent-docs-c1600906108 ngh="15"><div class="fixed-widgets"><div nz-dropdown nzplacement="topCenter" class="ant-dropdown-trigger ant-avatar ant-avatar-circle ant-avatar-icon fixed-widgets-avatar" style="width:44px;height:44px;line-height:44px;font-size:22px"><theming-icon role="img" class="anticon" ngh="0"><svg width="21" height="21" viewBox="0 0 21 21" fill="currentColor"><g fill-rule="evenodd"><g fill-rule="nonzero"><path d="M7.02 3.635l12.518 12.518a1.863 1.863 0 010 2.635l-1.317 1.318a1.863 1.863 0 01-2.635 0L3.068 7.588A2.795 2.795 0 117.02 3.635zm2.09 14.428a.932.932 0 110 1.864.932.932 0 010-1.864zm-.043-9.747L7.75 9.635l9.154 9.153 1.318-1.317-9.154-9.155zM3.52 12.473c.514 0 .931.417.931.931v.932h.932a.932.932 0 110 1.864h-.932v.931a.932.932 0 01-1.863 0l-.001-.931h-.93a.932.932 0 010-1.864h.93v-.932c0-.514.418-.931.933-.931zm15.374-3.727a1.398 1.398 0 110 2.795 1.398 1.398 0 010-2.795zM4.385 4.953a.932.932 0 000 1.317l2.046 2.047L7.75 7 5.703 4.953a.932.932 0 00-1.318 0zM14.701.36a.932.932 0 01.931.932v.931h.932a.932.932 0 010 1.864h-.933l.001.932a.932.932 0 11-1.863 0l-.001-.932h-.93a.932.932 0 110-1.864h.93v-.931a.932.932 0 01.933-.932z"/>
60</g></g></svg></theming-icon><!----></div><!----></div></app-fixed-widgets><nz-nav-bottom _ngcontent-docs-c1600906108 ngh="16"><section class="prev-next-nav"><!----><!----></section></nz-nav-bottom><app-footer _ngcontent-docs-c1600906108 ngh="22"><footer class="rc-footer rc-footer-dark"><section class="rc-footer-container"><section class="rc-footer-columns"><div app-footer-col class="rc-footer-column" ngh="17"><h2><!----> Resources </h2><app-footer-item title="NG-ZORRO-MOBILE" link="https://ng.mobile.ant.design/" description="Angular" class="rc-footer-item" _nghost-docs-c1235551205 ngh="18"><a _ngcontent-docs-c1235551205 target="_blank" rel="noopener" href="https://ng.mobile.ant.design/"><!----> NG-ZORRO-MOBILE </a><span _ngcontent-docs-c1235551205 class="rc-footer-item-separator">-</span><span _ngcontent-docs-c1235551205 class="rc-footer-item-description">Angular</span><!----></app-footer-item><app-footer-item title="Ant Design" link="https://ant.design/docs/react/introduce-cn" description="React" class="rc-footer-item" _nghost-docs-c1235551205 ngh="18"><a _ngcontent-docs-c1235551205 target="_blank" rel="noopener" href="https://ant.design/docs/react/introduce-cn"><!----> Ant Design </a><span _ngcontent-docs-c1235551205 class="rc-footer-item-separator">-</span><span _ngcontent-docs-c1235551205 class="rc-footer-item-description">React</span><!----></app-footer-item><app-footer-item title="Ant Design" link="https://vue.ant.design/" description="Vue" class="rc-footer-item" _nghost-docs-c1235551205 ngh="18"><a _ngcontent-docs-c1235551205 target="_blank" rel="noopener" href="https://vue.ant.design/"><!----> Ant Design </a><span _ngcontent-docs-c1235551205 class="rc-footer-item-separator">-</span><span _ngcontent-docs-c1235551205 class="rc-footer-item-description">Vue</span><!----></app-footer-item><app-footer-item title="Angular" class="rc-footer-item" _nghost-docs-c1235551205 ngh="19"><a _ngcontent-docs-c1235551205 target="_blank" rel="noopener" href="https://angular.dev/"><!----> Angular </a><!----></app-footer-item><app-footer-item title="Angular CLI" class="rc-footer-item" _nghost-docs-c1235551205 ngh="19"><a _ngcontent-docs-c1235551205 target="_blank" rel="noopener" href="https://angular.dev/tools/cli"><!----> Angular CLI </a><!----></app-footer-item></div><div app-footer-col class="rc-footer-column" ngh="17"><h2><!----> Community </h2><app-footer-item icon="ant-design" title="Awesome Ant Design" link="https://github.com/websemantics/awesome-ant-design" class="rc-footer-item" _nghost-docs-c1235551205 ngh="20"><a _ngcontent-docs-c1235551205 target="_blank" rel="noopener" href="https://github.com/websemantics/awesome-ant-design"><span _ngcontent-docs-c1235551205 class="rc-footer-item-icon"><nz-icon _ngcontent-docs-c1235551205 class="anticon anticon-ant-design"><svg viewBox="64 64 896 896" focusable="false" fill="currentColor" width="1em" height="1em" data-icon="ant-design" aria-hidden="true" class=""><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-20.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"/></svg></nz-icon><!----><!----></span><!----> Awesome Ant Design </a><!----></app-footer-item><app-footer-item icon="global" title="Blog" link="https://ng.ant.design/blog" class="rc-footer-item" _nghost-docs-c1235551205 ngh="20"><a _ngcontent-docs-c1235551205 target="_blank" rel="noopener" href="https://ng.ant.design/blog"><span _ngcontent-docs-c1235551205 class="rc-footer-item-icon"><nz-icon _ngcontent-docs-c1235551205 class="anticon anticon-global"><svg viewBox="64 64 896 896" focusable="false" fill="currentColor" width="1em" height="1em" data-icon="global" aria-hidden="true" class=""><path d="M854.4 800.9c.2-.3.5-.6.7-.9C920.6 722.1 960 621.7 960 512s-39.4-210.1-104.8-288c-.2-.3-.5-.5-.7-.8-1.1-1.3-2.1-2.5-3.2-3.7-.4-.5-.8-.9-1.2-1.4l-4.1-4.7-.1-.1c-1.5-1.7-3.1-3.4-4.6-5.1l-.1-.1c-3.2-3.4-6.4-6.8-9.7-10.1l-.1-.1-4.8-4.8-.3-.3c-1.5-1.5-3-2.9-4.5-4.3-.5-.5-1-1-1.6-1.5-1-1-2-1.9-3-2.8-.3-.3-.7-.6-1-1C736.4 109.2 629.5 64 512 64s-224.4 45.2-304.3 119.2c-.3.3-.7.6-1 1-1 .9-2 1.9-3 2.9-.5.5-1 1-1.6 1.5-1.5 1.4-3 2.9-4.5 4.3l-.3.3-4.8 4.8-.1.1c-3.3 3.3-6.5 6.7-9.7 10.1l-.1.1c-1.6 1.7-3.1 3.4-4.6 5.1l-.1.1c-1.4 1.5-2.8 3.1-4.1 4.7-.4.5-.8.9-1.2 1.4-1.1 1.2-2.1 2.5-3.2 3.7-.2.3-.5.5-.7.8C103.4 301.9 64 402.3 64 512s39.4 210.1 104.8 288c.2.3.5.6.7.9l3.1 3.7c.4.5.8.9 1.2 1.4l4.1 4.7c0 .1.1.1.1.2 1.5 1.7 3 3.4 4.6 5l.1.1c3.2 3.4 6.4 6.8 9.6 10.1l.1.1c1.6 1.6 3.1 3.2 4.7 4.7l.3.3c3.3 3.3 6.7 6.5 10.1 9.6 80.1 74 187 119.2 304.5 119.2s224.4-45.2 304.3-119.2a300 300 0 0010-9.6l.3-.3c1.6-1.6 3.2-3.1 4.7-4.7l.1-.1c3.3-3.3 6.5-6.7 9.6-10.1l.1-.1c1.5-1.7 3.1-3.3 4.6-5 0-.1.1-.1.1-.2 1.4-1.5 2.8-3.1 4.1-4.7.4-.5.8-.9 1.2-1.4a99 99 0 003.3-3.7zm4.1-142.6c-13.8 32.6-32 62.8-54.2 90.2a444.07 444.07 0 00-81.5-55.9c11.6-46.9 18.8-98.4 20.7-152.6H887c-3 40.9-12.6 80.6-28.5 118.3zM887 484H743.5c-1.9-54.2-9.1-105.7-20.7-152.6 29.3-15.6 56.6-34.4 81.5-55.9A373.86 373.86 0 01887 484zM658.3 165.5c39.7 16.8 75.8 40 107.6 69.2a394.72 394.72 0 01-59.4 41.8c-15.7-45-35.8-84.1-59.2-115.4 3.7 1.4 7.4 2.9 11 4.4zm-90.6 700.6c-9.2 7.2-18.4 12.7-27.7 16.4V697a389.1 389.1 0 01115.7 26.2c-8.3 24.6-17.9 47.3-29 67.8-17.4 32.4-37.8 58.3-59 75.1zm59-633.1c11 20.6 20.7 43.3 29 67.8A389.1 389.1 0 01540 327V141.6c9.2 3.7 18.5 9.1 27.7 16.4 21.2 16.7 41.6 42.6 59 75zM540 640.9V540h147.5c-1.6 44.2-7.1 87.1-16.3 127.8l-.3 1.2A445.02 445.02 0 00540 640.9zm0-156.9V383.1c45.8-2.8 89.8-12.5 130.9-28.1l.3 1.2c9.2 40.7 14.7 83.5 16.3 127.8H540zm-56 56v100.9c-45.8 2.8-89.8 12.5-130.9 28.1l-.3-1.2c-9.2-40.7-14.7-83.5-16.3-127.8H484zm-147.5-56c1.6-44.2 7.1-87.1 16.3-127.8l.3-1.2c41.1 15.6 85 25.3 130.9 28.1V484H336.5zM484 697v185.4c-9.2-3.7-18.5-9.1-27.7-16.4-21.2
60-16.7-41.7-42.7-59.1-75.1-11-20.6-20.7-43.3-29-67.8 37.2-14.6 75.9-23.3 115.8-26.1zm0-370a389.1 389.1 0 01-115.7-26.2c8.3-24.6 17.9-47.3 29-67.8 17.4-32.4 37.8-58.4 59.1-75.1 9.2-7.2 18.4-12.7 27.7-16.4V327zM365.7 165.5c3.7-1.5 7.3-3 11-4.4-23.4 31.3-43.5 70.4-59.2 115.4-21-12-40.9-26-59.4-41.8 31.8-29.2 67.9-52.4 107.6-69.2zM165.5 365.7c13.8-32.6 32-62.8 54.2-90.2 24.9 21.5 52.2 40.3 81.5 55.9-11.6 46.9-18.8 98.4-20.7 152.6H137c3-40.9 12.6-80.6 28.5-118.3zM137 540h143.5c1.9 54.2 9.1 105.7 20.7 152.6a444.07 444.07 0 00-81.5 55.9A373.86 373.86 0 01137 540zm228.7 318.5c-39.7-16.8-75.8-40-107.6-69.2 18.5-15.8 38.4-29.7 59.4-41.8 15.7 45 35.8 84.1 59.2 115.4-3.7-1.4-7.4-2.9-11-4.4zm292.6 0c-3.7 1.5-7.3 3-11 4.4 23.4-31.3 43.5-70.4 59.2-115.4 21 12 40.9 26 59.4 41.8a373.81 373.81 0 01-107.6 69.2z"/></svg></nz-icon><!----><!----></span><!----> Blog </a><!----></app-footer-item><app-footer-item icon="x" title="X" link="https://x.com/ng_zorro" class="rc-footer-item" _nghost-docs-c1235551205 ngh="20"><a _ngcontent-docs-c1235551205 target="_blank" rel="noopener" href="https://x.com/ng_zorro"><span _ngcontent-docs-c1235551205 class="rc-footer-item-icon"><nz-icon _ngcontent-docs-c1235551205 class="anticon anticon-x"><svg fill-rule="evenodd" viewBox="64 64 896 896" focusable="false" fill="currentColor" width="1em" height="1em" data-icon="x" aria-hidden="true" class=""><path d="M921 912L601.11 445.75l.55.43L890.08 112H793.7L558.74 384 372.15 112H119.37l298.65 435.31-.04-.04L103 912h96.39L460.6 609.38 668.2 912zM333.96 184.73l448.83 654.54H706.4L257.2 184.73z"/></svg></nz-icon><!----><!----></span><!----> X </a><!----></app-footer-item><!----><app-footer-item icon="medium" title="Medium" link="https://medium.com/ng-zorro" class="rc-footer-item" _nghost-docs-c1235551205 ngh="20"><a _ngcontent-docs-c1235551205 target="_blank" rel="noopener" href="https://medium.com/ng-zorro"><span _ngcontent-docs-c1235551205 class="rc-footer-item-icon"><nz-icon _ngcontent-docs-c1235551205 class="anticon anticon-medium"><svg viewBox="64 64 896 896" focusable="false" fill="currentColor" width="1em" height="1em" data-icon="medium" aria-hidden="true" class=""><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"/></svg></nz-icon><!----><!----></span><!----> Medium </a><!----></app-footer-item></div><div app-footer-col class="rc-footer-column" ngh="17"><h2><!----> Help </h2><app-footer-item icon="github" title="GitHub" link="https://github.com/NG-ZORRO/ng-zorro-antd" class="rc-footer-item" _nghost-docs-c1235551205 ngh="20"><a _ngcontent-docs-c1235551205 target="_blank" rel="noopener" href="https://github.com/NG-ZORRO/ng-zorro-antd"><span _ngcontent-docs-c1235551205 class="rc-footer-item-icon"><nz-icon _ngcontent-docs-c1235551205 class="anticon anticon-github"><svg viewBox="64 64 896 896" focusable="false" fill="currentColor" width="1em" height="1em" data-icon="github" aria-hidden="true" class=""><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"/></svg></nz-icon><!----><!----></span><!----> GitHub </a><!----></app-footer-item><app-footer-item icon="history" class="rc-footer-item" _nghost-docs-c1235551205 ngh="20"><a _ngcontent-docs-c1235551205 target="_blank" rel="noopener" href="https://ng.ant.design/docs/changelog/en"><span _ngcontent-docs-c1235551205 class="rc-footer-item-icon"><nz-icon _ngcontent-docs-c1235551205 class="anticon anticon-history"><svg viewBox="64 64 896 896" focusable="false" fill="currentColor" width="1em" height="1em" data-icon="history" aria-hidden="true" class=""><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.2l
60156.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"/></svg></nz-icon><!----><!----></span><!----> Changelog </a><!----></app-footer-item><app-footer-item icon="profile" class="rc-footer-item" _nghost-docs-c1235551205 ngh="20"><a _ngcontent-docs-c1235551205 target="_blank" rel="noopener" href="https://ng.ant.design/docs/faq/en"><span _ngcontent-docs-c1235551205 class="rc-footer-item-icon"><nz-icon _ngcontent-docs-c1235551205 class="anticon anticon-profile"><svg viewBox="64 64 896 896" focusable="false" fill="currentColor" width="1em" height="1em" data-icon="profile" aria-hidden="true" class=""><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"/></svg></nz-icon><!----><!----></span><!----> FAQ </a><!----></app-footer-item><app-footer-item icon="bug" class="rc-footer-item" _nghost-docs-c1235551205 ngh="20"><a _ngcontent-docs-c1235551205 target="_blank" rel="noopener" href="https://ng.ant.design/issue-helper/#/en"><span _ngcontent-docs-c1235551205 class="rc-footer-item-icon"><nz-icon _ngcontent-docs-c1235551205 class="anticon anticon-bug"><svg viewBox="64 64 896 896" focusable="false" fill="currentColor" width="1em" height="1em" data-icon="bug" aria-hidden="true" class=""><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 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"/></svg></nz-icon><!----><!----></span><!----> Bug Report </a><!----></app-footer-item><app-footer-item icon="issues-close" class="rc-footer-item" _nghost-docs-c1235551205 ngh="20"><a _ngcontent-docs-c1235551205 target="_blank" rel="noopener" href="https://ng.ant.design/issue-helper/#/en"><span _ngcontent-docs-c1235551205 class="rc-footer-item-icon"><nz-icon _ngcontent-docs-c1235551205 class="anticon anticon-issues-close"><svg viewBox="64 64 896 896" focusable="false" fill="currentColor" width="1em" height="1em" data-icon="issues-close" aria-hidden="true" class=""><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
607.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"/></svg></nz-icon><!----><!----></span><!----> Issue </a><!----></app-footer-item><!----><app-footer-item icon="question-circle" title="StackOverflow" link="https://stackoverflow.com/questions/tagged/ng-zorro-antd" class="rc-footer-item" _nghost-docs-c1235551205 ngh="20"><a _ngcontent-docs-c1235551205 target="_blank" rel="noopener" href="https://stackoverflow.com/questions/tagged/ng-zorro-antd"><span _ngcontent-docs-c1235551205 class="rc-footer-item-icon"><nz-icon _ngcontent-docs-c1235551205 class="anticon anticon-question-circle"><svg viewBox="64 64 896 896" focusable="false" fill="currentColor" width="1em" height="1em" data-icon="question-circle" aria-hidden="true" class=""><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 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"/></svg></nz-icon><!----><!----></span><!----> StackOverflow </a><!----></app-footer-item><div class="rc-footer-item" style="margin-top:20px"><nz-color-picker class="ant-color-picker-inline" ngh="21"><div nz-popover class="ant-color-picker-trigger"><nz-color-block class="ant-color-picker-inline" ngh="0"><ng-antd-color-block ngh="0"><div class="ant-color-picker-color-block"><div class="ant-color-picker-color-block-inner" style="background-color:#1890ff"></div></div></ng-antd-color-block></nz-color-block><!----><!----><!----></div><!----><!----><!----><!----></nz-color-picker></div></div></section></section><section class="rc-footer-bottom"><div class="rc-footer-bottom-container"> Made with <span style="color:#fff">❤</span> by NG-ZORRO team </div></section></footer></app-footer></div></div></div></div></div><!----><!----></app-root>
61    <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 68 bytes, lines 61-62
61
62    <script async src="https://www.googletagmanager.com/gtag/js?id=
62UA-52892298-2
vendor: 16 bytes, lines 62-63
62"></script>
63    
63<script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","UA-52892298-2")</script>
63
64    <noscript>Please enable JavaScript to continue using this application.</noscript>
65  <link rel="modulepreload" href="chunk-XWJXFZT7.js"><link rel="modulepreload" href="chunk-MKD6BKAL.js"><link rel="modulepreload" href="chunk-SRWA3745.js"><link rel="modulepreload" href="chunk-PEP7NNJN.js"><link rel="modulepreload" href="chunk-F2WDSSMD.js"><link rel="modulepreload" href="chunk-XHK7C5ZL.js"><link rel="modulepreload" href="chunk-UURZEBWW.js"><link rel="modulepreload" href="chunk-OVGVALIW.js"><link rel="modulepreload" href="chunk-YWMXLKBZ.js"><link rel="modulepreload" href="chunk-6GA7FQHA.js">
65<script src="polyfills-B6TNHZQ6.js" type="module"></script>
65<script src="main-4VAJFBQF.js" type="module"></script>
65
66
67<script id="docs-state" type="application/json">{"__nghData__":[{},{"c":{"1":[]}},{"n":{"1":"0f2","5":"4f2","9":"8f2"},"t":{"12":"t4","13":"t5","14":"t6"},"c":{"12":[],"13":[],"14":[]}},{"t":{"2":"t9"},"c":{"2":[]}},{"t":{"0":"t11","1":"t14"},"c":{"0":[{"i":"t11","r":4,"e":{"0":3},"t":{"1":"t12","2":"t13"},"c":{"1":[],"2":[{"i":"t13","r":1}]}}],"1":[]}},{"t":{"0":"t8","1":"t15","2":"t16"},"c":{"0":[{"i":"t8","r":3,"t":{"1":"t10"},"c":{"1":[{"i":"t10","r":1}]}}],"1":[],"2":[]}},{"t":{"0":"t18","1":"t19","2":"t20","3":"t25"},"c":{"0":[],"1":[],"2":[{"i":"t20","r":5,"t":{"0":"t21","1":"t24"},"c":{"0":[{"i":"t21","r":3,"t":{"0":"t22","1":"t23"},"c":{"0":[],"1":[{"i":"t23","r":1}]}}],"1":[]}}],"3":[{"i":"t26","r":1,"t":{"0":"t27"},"c":{"0":[]}}]}},{"t":{"2":"t17","3":"t28","4":"t29"},"c":{"2":[{"i":"t17","r":1,"d":[1]}],"3":[],"4":[]}},{"t":{"0":"t30"},"c":{"0":[]}},{"t":{"1":"t0","7":"t1","8":"t2"},"c":{"1":[],"7":[{"i":"t1","r":8,"c":{"0":[{"i":"t2","r":7,"t":{"0":"t3"},"c":{"0":[{"i":"t3","r":6,"t":{"1":"t7"},"c":{"1":[{"i":"t7","r":4,"d":[1,3],"n":{"5":"4fnf","7":"6fnf"}}]}}]}}]}}],"8":[]}},{"t":{"1":"t34","2":"t35","3":"t46"},"c":{"1":[{"i":"t34","r":31,"t":{"1":"t1162"},"c":{"1":[{"i":"t1162","r":1,"n":{"1":"0f2"},"x":30}]}}],"2":[],"3":[]}},{"t":{"0":"t103","1":"t104","2":"t106"},"c":{"0":[],"1":[{"i":"t104","r":2,"t":{"0":"t105"},"c":{"0":[{"i":"t106","r":1}]}}],"2":[]}},{"t":{"2":"t107","3":"t108","4":"t109"},"c":{"2":[{"i":"t107","r":1}],"3":[],"4":[{"i":"t109","r":0}]}},{"n":{"8":"7f2","9":"8fnf2n"}},{"t":{"2":"t86"},"c":{"2":[]}},{"c":{"1":[]},"d":[3,5,6,7,8,9,10,11,12,13]},{"t":{"1":"t87","2":"t88"},"c":{"1":[],"2":[]}},{"t":{"1":"t89"},"c":{"1":[]}},{"t":{"1":"t90","4":"t91"},"c":{"1":[],"4":[{"i":"t91","r":2}]}},{"t":{"1":"t90","4":"t91"},"c":{"1":[],"4":[]}},{"t":{"1":"t90","4":"t91"},"c":{"1":[{"i":"t90","r":1,"t":{"1":"t92","2":"t93"},"c":{"1":[{"i":"t92","r":1}],"2":[]}}],"4":[]}},{"c":{"0":[],"1":[{"i":"t96","r":1}],"2":[],"3":[],"4":[],"6":[],"8":[]},"t":{"1":"t96","2":"t97","3":"t98","4":"t99","6":"t100","8":"t101"}},{"n":{"4":"3fn","10":"9fn","16":"15fn"},"t":{"13":"t94","21":"t95"},"c":{"13":[],"21":[]}},{"t":{"5":"t31","14":"t102","15":"t33"},"c":{"5":[{"i":"t31","r":1,"n":{"2":"1f2"},"t":{"3":"t32"},"c":{"3":[{"i":"t33","r":1}]}}],"7":[{"i":"c3977106154","r":1}],"14":[],"15":[]}}]}</script>
67</body></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.