diff --git a/components/page-header/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/page-header/__tests__/__snapshots__/demo-extend.test.ts.snap
deleted file mode 100644
index 00c14ea0b2..0000000000
--- a/components/page-header/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ /dev/null
@@ -1,1645 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders ./components/page-header/demo/actions.md extend context correctly 1`] = `
-Array [
-  <div
-    class="ant-page-header site-page-header ant-page-header-ghost"
-  >
-    <div
-      class="ant-page-header-heading"
-    >
-      <div
-        class="ant-page-header-heading-left"
-      >
-        <div
-          class="ant-page-header-back"
-        >
-          <div
-            aria-label="Back"
-            class="ant-page-header-back-button"
-            role="button"
-            style="border:0;background:transparent;padding:0;line-height:inherit;display:inline-block"
-            tabindex="0"
-          >
-            <span
-              aria-label="arrow-left"
-              class="anticon anticon-arrow-left"
-              role="img"
-            >
-              <svg
-                aria-hidden="true"
-                data-icon="arrow-left"
-                fill="currentColor"
-                focusable="false"
-                height="1em"
-                viewBox="64 64 896 896"
-                width="1em"
-              >
-                <path
-                  d="M872 474H286.9l350.2-304c5.6-4.9 2.2-14-5.2-14h-88.5c-3.9 0-7.6 1.4-10.5 3.9L155 487.8a31.96 31.96 0 000 48.3L535.1 866c1.5 1.3 3.3 2 5.2 2h91.5c7.4 0 10.8-9.2 5.2-14L286.9 550H872c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z"
-                />
-              </svg>
-            </span>
-          </div>
-        </div>
-        <span
-          class="ant-page-header-heading-title"
-          title="Title"
-        >
-          Title
-        </span>
-        <span
-          class="ant-page-header-heading-sub-title"
-          title="This is a subtitle"
-        >
-          This is a subtitle
-        </span>
-      </div>
-      <span
-        class="ant-page-header-heading-extra"
-      >
-        <div
-          class="ant-space ant-space-horizontal ant-space-align-center"
-        >
-          <div
-            class="ant-space-item"
-            style="margin-right:8px"
-          >
-            <button
-              class="ant-btn ant-btn-default"
-              type="button"
-            >
-              <span>
-                Operation
-              </span>
-            </button>
-          </div>
-          <div
-            class="ant-space-item"
-            style="margin-right:8px"
-          >
-            <button
-              class="ant-btn ant-btn-default"
-              type="button"
-            >
-              <span>
-                Operation
-              </span>
-            </button>
-          </div>
-          <div
-            class="ant-space-item"
-          >
-            <button
-              class="ant-btn ant-btn-primary"
-              type="button"
-            >
-              <span>
-                Primary
-              </span>
-            </button>
-          </div>
-        </div>
-      </span>
-    </div>
-    <div
-      class="ant-page-header-content"
-    >
-      <div
-        class="ant-descriptions ant-descriptions-small"
-      >
-        <div
-          class="ant-descriptions-view"
-        >
-          <table>
-            <tbody>
-              <tr
-                class="ant-descriptions-row"
-              >
-                <td
-                  class="ant-descriptions-item"
-                  colspan="1"
-                >
-                  <div
-                    class="ant-descriptions-item-container"
-                  >
-                    <span
-                      class="ant-descriptions-item-label"
-                    >
-                      Created
-                    </span>
-                    <span
-                      class="ant-descriptions-item-content"
-                    >
-                      Lili Qu
-                    </span>
-                  </div>
-                </td>
-                <td
-                  class="ant-descriptions-item"
-                  colspan="1"
-                >
-                  <div
-                    class="ant-descriptions-item-container"
-                  >
-                    <span
-                      class="ant-descriptions-item-label"
-                    >
-                      Association
-                    </span>
-                    <span
-                      class="ant-descriptions-item-content"
-                    >
-                      <a>
-                        421421
-                      </a>
-                    </span>
-                  </div>
-                </td>
-                <td
-                  class="ant-descriptions-item"
-                  colspan="1"
-                >
-                  <div
-                    class="ant-descriptions-item-container"
-                  >
-                    <span
-                      class="ant-descriptions-item-label"
-                    >
-                      Creation Time
-                    </span>
-                    <span
-                      class="ant-descriptions-item-content"
-                    >
-                      2017-01-10
-                    </span>
-                  </div>
-                </td>
-              </tr>
-              <tr
-                class="ant-descriptions-row"
-              >
-                <td
-                  class="ant-descriptions-item"
-                  colspan="1"
-                >
-                  <div
-                    class="ant-descriptions-item-container"
-                  >
-                    <span
-                      class="ant-descriptions-item-label"
-                    >
-                      Effective Time
-                    </span>
-                    <span
-                      class="ant-descriptions-item-content"
-                    >
-                      2017-10-10
-                    </span>
-                  </div>
-                </td>
-                <td
-                  class="ant-descriptions-item"
-                  colspan="2"
-                >
-                  <div
-                    class="ant-descriptions-item-container"
-                  >
-                    <span
-                      class="ant-descriptions-item-label"
-                    >
-                      Remarks
-                    </span>
-                    <span
-                      class="ant-descriptions-item-content"
-                    >
-                      Gonghu Road, Xihu District, Hangzhou, Zhejiang, China
-                    </span>
-                  </div>
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-    </div>
-  </div>,
-  <br />,
-  <div
-    class="ant-page-header ant-page-header-ghost"
-  >
-    <div
-      class="ant-page-header-heading"
-    >
-      <div
-        class="ant-page-header-heading-left"
-      >
-        <div
-          class="ant-page-header-back"
-        >
-          <div
-            aria-label="Back"
-            class="ant-page-header-back-button"
-            role="button"
-            style="border:0;background:transparent;padding:0;line-height:inherit;display:inline-block"
-            tabindex="0"
-          >
-            <span
-              aria-label="arrow-left"
-              class="anticon anticon-arrow-left"
-              role="img"
-            >
-              <svg
-                aria-hidden="true"
-                data-icon="arrow-left"
-                fill="currentColor"
-                focusable="false"
-                height="1em"
-                viewBox="64 64 896 896"
-                width="1em"
-              >
-                <path
-                  d="M872 474H286.9l350.2-304c5.6-4.9 2.2-14-5.2-14h-88.5c-3.9 0-7.6 1.4-10.5 3.9L155 487.8a31.96 31.96 0 000 48.3L535.1 866c1.5 1.3 3.3 2 5.2 2h91.5c7.4 0 10.8-9.2 5.2-14L286.9 550H872c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z"
-                />
-              </svg>
-            </span>
-          </div>
-        </div>
-        <span
-          class="ant-page-header-heading-title"
-          title="Title"
-        >
-          Title
-        </span>
-        <span
-          class="ant-page-header-heading-sub-title"
-          title="This is a subtitle"
-        >
-          This is a subtitle
-        </span>
-        <span
-          class="ant-page-header-heading-tags"
-        >
-          <span
-            class="ant-tag ant-tag-blue"
-          >
-            Running
-          </span>
-        </span>
-      </div>
-      <span
-        class="ant-page-header-heading-extra"
-      >
-        <div
-          class="ant-space ant-space-horizontal ant-space-align-center"
-        >
-          <div
-            class="ant-space-item"
-            style="margin-right:8px"
-          >
-            <button
-              class="ant-btn ant-btn-default"
-              type="button"
-            >
-              <span>
-                Operation
-              </span>
-            </button>
-          </div>
-          <div
-            class="ant-space-item"
-            style="margin-right:8px"
-          >
-            <button
-              class="ant-btn ant-btn-default"
-              type="button"
-            >
-              <span>
-                Operation
-              </span>
-            </button>
-          </div>
-          <div
-            class="ant-space-item"
-          >
-            <button
-              class="ant-btn ant-btn-primary"
-              type="button"
-            >
-              <span>
-                Primary
-              </span>
-            </button>
-          </div>
-        </div>
-      </span>
-    </div>
-    <div
-      class="ant-page-header-content"
-    >
-      <div
-        class="ant-row"
-      >
-        <div
-          class="ant-statistic"
-        >
-          <div
-            class="ant-statistic-title"
-          >
-            Status
-          </div>
-          <div
-            class="ant-statistic-content"
-          >
-            <span
-              class="ant-statistic-content-value"
-            >
-              Pending
-            </span>
-          </div>
-        </div>
-        <div
-          class="ant-statistic"
-          style="margin:0 32px"
-        >
-          <div
-            class="ant-statistic-title"
-          >
-            Price
-          </div>
-          <div
-            class="ant-statistic-content"
-          >
-            <span
-              class="ant-statistic-content-prefix"
-            >
-              $
-            </span>
-            <span
-              class="ant-statistic-content-value"
-            >
-              <span
-                class="ant-statistic-content-value-int"
-              >
-                568
-              </span>
-              <span
-                class="ant-statistic-content-value-decimal"
-              >
-                .08
-              </span>
-            </span>
-          </div>
-        </div>
-        <div
-          class="ant-statistic"
-        >
-          <div
-            class="ant-statistic-title"
-          >
-            Balance
-          </div>
-          <div
-            class="ant-statistic-content"
-          >
-            <span
-              class="ant-statistic-content-prefix"
-            >
-              $
-            </span>
-            <span
-              class="ant-statistic-content-value"
-            >
-              <span
-                class="ant-statistic-content-value-int"
-              >
-                3,345
-              </span>
-              <span
-                class="ant-statistic-content-value-decimal"
-              >
-                .08
-              </span>
-            </span>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>,
-]
-`;
-
-exports[`renders ./components/page-header/demo/basic.md extend context correctly 1`] = `
-<div
-  class="ant-page-header site-page-header ant-page-header-ghost"
->
-  <div
-    class="ant-page-header-heading"
-  >
-    <div
-      class="ant-page-header-heading-left"
-    >
-      <div
-        class="ant-page-header-back"
-      >
-        <div
-          aria-label="Back"
-          class="ant-page-header-back-button"
-          role="button"
-          style="border:0;background:transparent;padding:0;line-height:inherit;display:inline-block"
-          tabindex="0"
-        >
-          <span
-            aria-label="arrow-left"
-            class="anticon anticon-arrow-left"
-            role="img"
-          >
-            <svg
-              aria-hidden="true"
-              data-icon="arrow-left"
-              fill="currentColor"
-              focusable="false"
-              height="1em"
-              viewBox="64 64 896 896"
-              width="1em"
-            >
-              <path
-                d="M872 474H286.9l350.2-304c5.6-4.9 2.2-14-5.2-14h-88.5c-3.9 0-7.6 1.4-10.5 3.9L155 487.8a31.96 31.96 0 000 48.3L535.1 866c1.5 1.3 3.3 2 5.2 2h91.5c7.4 0 10.8-9.2 5.2-14L286.9 550H872c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z"
-              />
-            </svg>
-          </span>
-        </div>
-      </div>
-      <span
-        class="ant-page-header-heading-title"
-        title="Title"
-      >
-        Title
-      </span>
-      <span
-        class="ant-page-header-heading-sub-title"
-        title="This is a subtitle"
-      >
-        This is a subtitle
-      </span>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`renders ./components/page-header/demo/breadcrumb.md extend context correctly 1`] = `
-<div
-  class="ant-page-header site-page-header has-breadcrumb ant-page-header-ghost"
->
-  <nav
-    class="ant-breadcrumb"
-  >
-    <ol>
-      <li>
-        <span
-          class="ant-breadcrumb-link"
-        >
-          <a
-            href="#/index"
-          >
-            First-level Menu
-          </a>
-        </span>
-        <span
-          class="ant-breadcrumb-separator"
-        >
-          /
-        </span>
-      </li>
-      <li>
-        <span
-          class="ant-breadcrumb-link"
-        >
-          <a
-            href="#/index/first"
-          >
-            Second-level Menu
-          </a>
-        </span>
-        <span
-          class="ant-breadcrumb-separator"
-        >
-          /
-        </span>
-      </li>
-      <li>
-        <span
-          class="ant-breadcrumb-link"
-        >
-          <span>
-            Third-level Menu
-          </span>
-        </span>
-        <span
-          class="ant-breadcrumb-separator"
-        >
-          /
-        </span>
-      </li>
-    </ol>
-  </nav>
-  <div
-    class="ant-page-header-heading"
-  >
-    <div
-      class="ant-page-header-heading-left"
-    >
-      <span
-        class="ant-page-header-heading-title"
-        title="Title"
-      >
-        Title
-      </span>
-      <span
-        class="ant-page-header-heading-sub-title"
-        title="This is a subtitle"
-      >
-        This is a subtitle
-      </span>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`renders ./components/page-header/demo/content.md extend context correctly 1`] = `
-<div
-  class="ant-page-header site-page-header has-breadcrumb ant-page-header-ghost"
->
-  <nav
-    class="ant-breadcrumb"
-  >
-    <ol>
-      <li>
-        <span
-          class="ant-breadcrumb-link"
-        >
-          <a
-            href="#/index"
-          >
-            First-level Menu
-          </a>
-        </span>
-        <span
-          class="ant-breadcrumb-separator"
-        >
-          /
-        </span>
-      </li>
-      <li>
-        <span
-          class="ant-breadcrumb-link"
-        >
-          <a
-            href="#/index/first"
-          >
-            Second-level Menu
-          </a>
-        </span>
-        <span
-          class="ant-breadcrumb-separator"
-        >
-          /
-        </span>
-      </li>
-      <li>
-        <span
-          class="ant-breadcrumb-link"
-        >
-          <span>
-            Third-level Menu
-          </span>
-        </span>
-        <span
-          class="ant-breadcrumb-separator"
-        >
-          /
-        </span>
-      </li>
-    </ol>
-  </nav>
-  <div
-    class="ant-page-header-heading"
-  >
-    <div
-      class="ant-page-header-heading-left"
-    >
-      <span
-        class="ant-avatar ant-avatar-circle ant-avatar-image"
-      >
-        <img
-          src="https://avatars1.githubusercontent.com/u/8186664?s=460&v=4"
-        />
-      </span>
-      <span
-        class="ant-page-header-heading-title"
-        title="Title"
-      >
-        Title
-      </span>
-      <span
-        class="ant-page-header-heading-sub-title"
-        title="This is a subtitle"
-      >
-        This is a subtitle
-      </span>
-      <span
-        class="ant-page-header-heading-tags"
-      >
-        <span
-          class="ant-tag ant-tag-blue"
-        >
-          Running
-        </span>
-      </span>
-    </div>
-    <span
-      class="ant-page-header-heading-extra"
-    >
-      <div
-        class="ant-space ant-space-horizontal ant-space-align-center"
-      >
-        <div
-          class="ant-space-item"
-          style="margin-right:8px"
-        >
-          <button
-            class="ant-btn ant-btn-default"
-            type="button"
-          >
-            <span>
-              Operation
-            </span>
-          </button>
-        </div>
-        <div
-          class="ant-space-item"
-          style="margin-right:8px"
-        >
-          <button
-            class="ant-btn ant-btn-default"
-            type="button"
-          >
-            <span>
-              Operation
-            </span>
-          </button>
-        </div>
-        <div
-          class="ant-space-item"
-          style="margin-right:8px"
-        >
-          <button
-            class="ant-btn ant-btn-primary"
-            type="button"
-          >
-            <span>
-              Primary
-            </span>
-          </button>
-        </div>
-        <div
-          class="ant-space-item"
-        >
-          <button
-            class="ant-btn ant-btn-text ant-btn-icon-only ant-dropdown-trigger"
-            type="button"
-          >
-            <span
-              aria-label="more"
-              class="anticon anticon-more"
-              role="img"
-              style="font-size:20px"
-            >
-              <svg
-                aria-hidden="true"
-                data-icon="more"
-                fill="currentColor"
-                focusable="false"
-                height="1em"
-                viewBox="64 64 896 896"
-                width="1em"
-              >
-                <path
-                  d="M456 231a56 56 0 10112 0 56 56 0 10-112 0zm0 280a56 56 0 10112 0 56 56 0 10-112 0zm0 280a56 56 0 10112 0 56 56 0 10-112 0z"
-                />
-              </svg>
-            </span>
-          </button>
-          <div>
-            <div
-              class="ant-dropdown"
-              style="opacity:0"
-            >
-              <ul
-                class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
-                data-menu-list="true"
-                role="menu"
-                tabindex="0"
-              >
-                <li
-                  class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
-                  role="menuitem"
-                  tabindex="-1"
-                >
-                  <span
-                    class="ant-dropdown-menu-title-content"
-                  >
-                    <a
-                      href="http://www.alipay.com/"
-                      rel="noopener noreferrer"
-                      target="_blank"
-                    >
-                      1st menu item
-                    </a>
-                  </span>
-                </li>
-                <div>
-                  <div
-                    class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
-                    style="opacity:0"
-                  >
-                    <div
-                      class="ant-tooltip-content"
-                    >
-                      <div
-                        class="ant-tooltip-arrow"
-                      >
-                        <span
-                          class="ant-tooltip-arrow-content"
-                        />
-                      </div>
-                      <div
-                        class="ant-tooltip-inner"
-                        role="tooltip"
-                      />
-                    </div>
-                  </div>
-                </div>
-                <li
-                  class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
-                  role="menuitem"
-                  tabindex="-1"
-                >
-                  <span
-                    class="ant-dropdown-menu-title-content"
-                  >
-                    <a
-                      href="http://www.taobao.com/"
-                      rel="noopener noreferrer"
-                      target="_blank"
-                    >
-                      2nd menu item
-                    </a>
-                  </span>
-                </li>
-                <div>
-                  <div
-                    class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
-                    style="opacity:0"
-                  >
-                    <div
-                      class="ant-tooltip-content"
-                    >
-                      <div
-                        class="ant-tooltip-arrow"
-                      >
-                        <span
-                          class="ant-tooltip-arrow-content"
-                        />
-                      </div>
-                      <div
-                        class="ant-tooltip-inner"
-                        role="tooltip"
-                      />
-                    </div>
-                  </div>
-                </div>
-                <li
-                  class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
-                  role="menuitem"
-                  tabindex="-1"
-                >
-                  <span
-                    class="ant-dropdown-menu-title-content"
-                  >
-                    <a
-                      href="http://www.tmall.com/"
-                      rel="noopener noreferrer"
-                      target="_blank"
-                    >
-                      3rd menu item
-                    </a>
-                  </span>
-                </li>
-                <div>
-                  <div
-                    class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
-                    style="opacity:0"
-                  >
-                    <div
-                      class="ant-tooltip-content"
-                    >
-                      <div
-                        class="ant-tooltip-arrow"
-                      >
-                        <span
-                          class="ant-tooltip-arrow-content"
-                        />
-                      </div>
-                      <div
-                        class="ant-tooltip-inner"
-                        role="tooltip"
-                      />
-                    </div>
-                  </div>
-                </div>
-              </ul>
-              <div
-                aria-hidden="true"
-                style="display:none"
-              >
-                <div>
-                  <div
-                    class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
-                    style="opacity:0"
-                  >
-                    <div
-                      class="ant-tooltip-content"
-                    >
-                      <div
-                        class="ant-tooltip-arrow"
-                      >
-                        <span
-                          class="ant-tooltip-arrow-content"
-                        />
-                      </div>
-                      <div
-                        class="ant-tooltip-inner"
-                        role="tooltip"
-                      />
-                    </div>
-                  </div>
-                </div>
-                <div>
-                  <div
-                    class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
-                    style="opacity:0"
-                  >
-                    <div
-                      class="ant-tooltip-content"
-                    >
-                      <div
-                        class="ant-tooltip-arrow"
-                      >
-                        <span
-                          class="ant-tooltip-arrow-content"
-                        />
-                      </div>
-                      <div
-                        class="ant-tooltip-inner"
-                        role="tooltip"
-                      />
-                    </div>
-                  </div>
-                </div>
-                <div>
-                  <div
-                    class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
-                    style="opacity:0"
-                  >
-                    <div
-                      class="ant-tooltip-content"
-                    >
-                      <div
-                        class="ant-tooltip-arrow"
-                      >
-                        <span
-                          class="ant-tooltip-arrow-content"
-                        />
-                      </div>
-                      <div
-                        class="ant-tooltip-inner"
-                        role="tooltip"
-                      />
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </span>
-  </div>
-  <div
-    class="ant-page-header-content"
-  >
-    <div
-      class="ant-row"
-    >
-      <div
-        style="flex:1"
-      >
-        <div
-          class="ant-typography"
-        >
-          Ant Design interprets the color system into two levels: a system-level color system and a product-level color system.
-        </div>
-        <div
-          class="ant-typography"
-        >
-          Ant Design's design team preferred to design with the HSB color model, which makes it easier for designers to have a clear psychological expectation of color when adjusting colors, as well as facilitate communication in teams.
-        </div>
-        <div>
-          <a
-            class="example-link"
-          >
-            <img
-              alt="Quick Start"
-              class="example-link-icon"
-              src="https://gw.alipayobjects.com/zos/rmsportal/MjEImQtenlyueSmVEfUD.svg"
-            />
-            Quick Start
-          </a>
-          <a
-            class="example-link"
-          >
-            <img
-              alt=" Product Info"
-              class="example-link-icon"
-              src="https://gw.alipayobjects.com/zos/rmsportal/NbuDUAuBlIApFuDvWiND.svg"
-            />
-             Product Info
-          </a>
-          <a
-            class="example-link"
-          >
-            <img
-              alt="Product Doc"
-              class="example-link-icon"
-              src="https://gw.alipayobjects.com/zos/rmsportal/ohOEPSYdDTNnyMbGuyLb.svg"
-            />
-            Product Doc
-          </a>
-        </div>
-      </div>
-      <div
-        class="image"
-      >
-        <img
-          alt="content"
-          src="https://gw.alipayobjects.com/zos/antfincdn/K%24NnlsB%26hz/pageHeader.svg"
-          width="100%"
-        />
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`renders ./components/page-header/demo/ghost.md extend context correctly 1`] = `
-<div
-  class="site-page-header-ghost-wrapper"
->
-  <div
-    class="ant-page-header"
-  >
-    <div
-      class="ant-page-header-heading"
-    >
-      <div
-        class="ant-page-header-heading-left"
-      >
-        <div
-          class="ant-page-header-back"
-        >
-          <div
-            aria-label="Back"
-            class="ant-page-header-back-button"
-            role="button"
-            style="border:0;background:transparent;padding:0;line-height:inherit;display:inline-block"
-            tabindex="0"
-          >
-            <span
-              aria-label="arrow-left"
-              class="anticon anticon-arrow-left"
-              role="img"
-            >
-              <svg
-                aria-hidden="true"
-                data-icon="arrow-left"
-                fill="currentColor"
-                focusable="false"
-                height="1em"
-                viewBox="64 64 896 896"
-                width="1em"
-              >
-                <path
-                  d="M872 474H286.9l350.2-304c5.6-4.9 2.2-14-5.2-14h-88.5c-3.9 0-7.6 1.4-10.5 3.9L155 487.8a31.96 31.96 0 000 48.3L535.1 866c1.5 1.3 3.3 2 5.2 2h91.5c7.4 0 10.8-9.2 5.2-14L286.9 550H872c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z"
-                />
-              </svg>
-            </span>
-          </div>
-        </div>
-        <span
-          class="ant-page-header-heading-title"
-          title="Title"
-        >
-          Title
-        </span>
-        <span
-          class="ant-page-header-heading-sub-title"
-          title="This is a subtitle"
-        >
-          This is a subtitle
-        </span>
-      </div>
-      <span
-        class="ant-page-header-heading-extra"
-      >
-        <div
-          class="ant-space ant-space-horizontal ant-space-align-center"
-        >
-          <div
-            class="ant-space-item"
-            style="margin-right:8px"
-          >
-            <button
-              class="ant-btn ant-btn-default"
-              type="button"
-            >
-              <span>
-                Operation
-              </span>
-            </button>
-          </div>
-          <div
-            class="ant-space-item"
-            style="margin-right:8px"
-          >
-            <button
-              class="ant-btn ant-btn-default"
-              type="button"
-            >
-              <span>
-                Operation
-              </span>
-            </button>
-          </div>
-          <div
-            class="ant-space-item"
-          >
-            <button
-              class="ant-btn ant-btn-primary"
-              type="button"
-            >
-              <span>
-                Primary
-              </span>
-            </button>
-          </div>
-        </div>
-      </span>
-    </div>
-    <div
-      class="ant-page-header-content"
-    >
-      <div
-        class="ant-descriptions ant-descriptions-small"
-      >
-        <div
-          class="ant-descriptions-view"
-        >
-          <table>
-            <tbody>
-              <tr
-                class="ant-descriptions-row"
-              >
-                <td
-                  class="ant-descriptions-item"
-                  colspan="1"
-                >
-                  <div
-                    class="ant-descriptions-item-container"
-                  >
-                    <span
-                      class="ant-descriptions-item-label"
-                    >
-                      Created
-                    </span>
-                    <span
-                      class="ant-descriptions-item-content"
-                    >
-                      Lili Qu
-                    </span>
-                  </div>
-                </td>
-                <td
-                  class="ant-descriptions-item"
-                  colspan="1"
-                >
-                  <div
-                    class="ant-descriptions-item-container"
-                  >
-                    <span
-                      class="ant-descriptions-item-label"
-                    >
-                      Association
-                    </span>
-                    <span
-                      class="ant-descriptions-item-content"
-                    >
-                      <a>
-                        421421
-                      </a>
-                    </span>
-                  </div>
-                </td>
-                <td
-                  class="ant-descriptions-item"
-                  colspan="1"
-                >
-                  <div
-                    class="ant-descriptions-item-container"
-                  >
-                    <span
-                      class="ant-descriptions-item-label"
-                    >
-                      Creation Time
-                    </span>
-                    <span
-                      class="ant-descriptions-item-content"
-                    >
-                      2017-01-10
-                    </span>
-                  </div>
-                </td>
-              </tr>
-              <tr
-                class="ant-descriptions-row"
-              >
-                <td
-                  class="ant-descriptions-item"
-                  colspan="1"
-                >
-                  <div
-                    class="ant-descriptions-item-container"
-                  >
-                    <span
-                      class="ant-descriptions-item-label"
-                    >
-                      Effective Time
-                    </span>
-                    <span
-                      class="ant-descriptions-item-content"
-                    >
-                      2017-10-10
-                    </span>
-                  </div>
-                </td>
-                <td
-                  class="ant-descriptions-item"
-                  colspan="2"
-                >
-                  <div
-                    class="ant-descriptions-item-container"
-                  >
-                    <span
-                      class="ant-descriptions-item-label"
-                    >
-                      Remarks
-                    </span>
-                    <span
-                      class="ant-descriptions-item-content"
-                    >
-                      Gonghu Road, Xihu District, Hangzhou, Zhejiang, China
-                    </span>
-                  </div>
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`renders ./components/page-header/demo/responsive.md extend context correctly 1`] = `
-<div
-  class="ant-page-header site-page-header-responsive has-footer ant-page-header-ghost"
->
-  <div
-    class="ant-page-header-heading"
-  >
-    <div
-      class="ant-page-header-heading-left"
-    >
-      <div
-        class="ant-page-header-back"
-      >
-        <div
-          aria-label="Back"
-          class="ant-page-header-back-button"
-          role="button"
-          style="border:0;background:transparent;padding:0;line-height:inherit;display:inline-block"
-          tabindex="0"
-        >
-          <span
-            aria-label="arrow-left"
-            class="anticon anticon-arrow-left"
-            role="img"
-          >
-            <svg
-              aria-hidden="true"
-              data-icon="arrow-left"
-              fill="currentColor"
-              focusable="false"
-              height="1em"
-              viewBox="64 64 896 896"
-              width="1em"
-            >
-              <path
-                d="M872 474H286.9l350.2-304c5.6-4.9 2.2-14-5.2-14h-88.5c-3.9 0-7.6 1.4-10.5 3.9L155 487.8a31.96 31.96 0 000 48.3L535.1 866c1.5 1.3 3.3 2 5.2 2h91.5c7.4 0 10.8-9.2 5.2-14L286.9 550H872c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z"
-              />
-            </svg>
-          </span>
-        </div>
-      </div>
-      <span
-        class="ant-page-header-heading-title"
-        title="Title"
-      >
-        Title
-      </span>
-      <span
-        class="ant-page-header-heading-sub-title"
-        title="This is a subtitle"
-      >
-        This is a subtitle
-      </span>
-    </div>
-    <span
-      class="ant-page-header-heading-extra"
-    >
-      <div
-        class="ant-space ant-space-horizontal ant-space-align-center"
-      >
-        <div
-          class="ant-space-item"
-          style="margin-right:8px"
-        >
-          <button
-            class="ant-btn ant-btn-default"
-            type="button"
-          >
-            <span>
-              Operation
-            </span>
-          </button>
-        </div>
-        <div
-          class="ant-space-item"
-          style="margin-right:8px"
-        >
-          <button
-            class="ant-btn ant-btn-default"
-            type="button"
-          >
-            <span>
-              Operation
-            </span>
-          </button>
-        </div>
-        <div
-          class="ant-space-item"
-        >
-          <button
-            class="ant-btn ant-btn-primary"
-            type="button"
-          >
-            <span>
-              Primary
-            </span>
-          </button>
-        </div>
-      </div>
-    </span>
-  </div>
-  <div
-    class="ant-page-header-content"
-  >
-    <div
-      class="content"
-    >
-      <div
-        class="main"
-      >
-        <div
-          class="ant-descriptions ant-descriptions-small"
-        >
-          <div
-            class="ant-descriptions-view"
-          >
-            <table>
-              <tbody>
-                <tr
-                  class="ant-descriptions-row"
-                >
-                  <td
-                    class="ant-descriptions-item"
-                    colspan="1"
-                  >
-                    <div
-                      class="ant-descriptions-item-container"
-                    >
-                      <span
-                        class="ant-descriptions-item-label"
-                      >
-                        Created
-                      </span>
-                      <span
-                        class="ant-descriptions-item-content"
-                      >
-                        Lili Qu
-                      </span>
-                    </div>
-                  </td>
-                  <td
-                    class="ant-descriptions-item"
-                    colspan="1"
-                  >
-                    <div
-                      class="ant-descriptions-item-container"
-                    >
-                      <span
-                        class="ant-descriptions-item-label"
-                      >
-                        Association
-                      </span>
-                      <span
-                        class="ant-descriptions-item-content"
-                      >
-                        <a>
-                          421421
-                        </a>
-                      </span>
-                    </div>
-                  </td>
-                </tr>
-                <tr
-                  class="ant-descriptions-row"
-                >
-                  <td
-                    class="ant-descriptions-item"
-                    colspan="1"
-                  >
-                    <div
-                      class="ant-descriptions-item-container"
-                    >
-                      <span
-                        class="ant-descriptions-item-label"
-                      >
-                        Creation Time
-                      </span>
-                      <span
-                        class="ant-descriptions-item-content"
-                      >
-                        2017-01-10
-                      </span>
-                    </div>
-                  </td>
-                  <td
-                    class="ant-descriptions-item"
-                    colspan="1"
-                  >
-                    <div
-                      class="ant-descriptions-item-container"
-                    >
-                      <span
-                        class="ant-descriptions-item-label"
-                      >
-                        Effective Time
-                      </span>
-                      <span
-                        class="ant-descriptions-item-content"
-                      >
-                        2017-10-10
-                      </span>
-                    </div>
-                  </td>
-                </tr>
-                <tr
-                  class="ant-descriptions-row"
-                >
-                  <td
-                    class="ant-descriptions-item"
-                    colspan="2"
-                  >
-                    <div
-                      class="ant-descriptions-item-container"
-                    >
-                      <span
-                        class="ant-descriptions-item-label"
-                      >
-                        Remarks
-                      </span>
-                      <span
-                        class="ant-descriptions-item-content"
-                      >
-                        Gonghu Road, Xihu District, Hangzhou, Zhejiang, China
-                      </span>
-                    </div>
-                  </td>
-                </tr>
-              </tbody>
-            </table>
-          </div>
-        </div>
-      </div>
-      <div
-        class="extra"
-      >
-        <div
-          style="display:flex;width:max-content;justify-content:flex-end"
-        >
-          <div
-            class="ant-statistic"
-            style="margin-right:32px"
-          >
-            <div
-              class="ant-statistic-title"
-            >
-              Status
-            </div>
-            <div
-              class="ant-statistic-content"
-            >
-              <span
-                class="ant-statistic-content-value"
-              >
-                Pending
-              </span>
-            </div>
-          </div>
-          <div
-            class="ant-statistic"
-          >
-            <div
-              class="ant-statistic-title"
-            >
-              Price
-            </div>
-            <div
-              class="ant-statistic-content"
-            >
-              <span
-                class="ant-statistic-content-prefix"
-              >
-                $
-              </span>
-              <span
-                class="ant-statistic-content-value"
-              >
-                <span
-                  class="ant-statistic-content-value-int"
-                >
-                  568
-                </span>
-                <span
-                  class="ant-statistic-content-value-decimal"
-                >
-                  .08
-                </span>
-              </span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div
-    class="ant-page-header-footer"
-  >
-    <div
-      class="ant-tabs ant-tabs-top"
-    >
-      <div
-        class="ant-tabs-nav"
-        role="tablist"
-      >
-        <div
-          class="ant-tabs-nav-wrap"
-        >
-          <div
-            class="ant-tabs-nav-list"
-            style="transform:translate(0px, 0px)"
-          >
-            <div
-              class="ant-tabs-tab ant-tabs-tab-active"
-            >
-              <div
-                aria-selected="true"
-                class="ant-tabs-tab-btn"
-                role="tab"
-                tabindex="0"
-              >
-                Details
-              </div>
-            </div>
-            <div
-              class="ant-tabs-tab"
-            >
-              <div
-                aria-selected="false"
-                class="ant-tabs-tab-btn"
-                role="tab"
-                tabindex="0"
-              >
-                Rule
-              </div>
-            </div>
-            <div
-              class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
-            />
-          </div>
-        </div>
-        <div
-          class="ant-tabs-nav-operations ant-tabs-nav-operations-hidden"
-        >
-          <button
-            aria-controls="null-more-popup"
-            aria-expanded="false"
-            aria-haspopup="listbox"
-            aria-hidden="true"
-            class="ant-tabs-nav-more"
-            id="null-more"
-            style="visibility:hidden;order:1"
-            tabindex="-1"
-            type="button"
-          >
-            <span
-              aria-label="ellipsis"
-              class="anticon anticon-ellipsis"
-              role="img"
-            >
-              <svg
-                aria-hidden="true"
-                data-icon="ellipsis"
-                fill="currentColor"
-                focusable="false"
-                height="1em"
-                viewBox="64 64 896 896"
-                width="1em"
-              >
-                <path
-                  d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
-                />
-              </svg>
-            </span>
-          </button>
-          <div>
-            <div
-              class="ant-tabs-dropdown"
-              style="opacity:0"
-            >
-              <ul
-                aria-label="expanded dropdown"
-                class="ant-tabs-dropdown-menu ant-tabs-dropdown-menu-root ant-tabs-dropdown-menu-vertical"
-                data-menu-list="true"
-                id="null-more-popup"
-                role="listbox"
-                tabindex="-1"
-              />
-              <div
-                aria-hidden="true"
-                style="display:none"
-              />
-            </div>
-          </div>
-        </div>
-      </div>
-      <div
-        class="ant-tabs-content-holder"
-      >
-        <div
-          class="ant-tabs-content ant-tabs-content-top"
-        >
-          <div
-            aria-hidden="false"
-            class="ant-tabs-tabpane ant-tabs-tabpane-active"
-            role="tabpanel"
-            tabindex="0"
-          />
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
diff --git a/components/page-header/__tests__/__snapshots__/demo.test.js.snap b/components/page-header/__tests__/__snapshots__/demo.test.js.snap
deleted file mode 100644
index 283adac948..0000000000
--- a/components/page-header/__tests__/__snapshots__/demo.test.js.snap
+++ /dev/null
@@ -1,1424 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders ./components/page-header/demo/actions.md correctly 1`] = `
-Array [
-  <div
-    class="ant-page-header site-page-header ant-page-header-ghost"
-  >
-    <div
-      class="ant-page-header-heading"
-    >
-      <div
-        class="ant-page-header-heading-left"
-      >
-        <div
-          class="ant-page-header-back"
-        >
-          <div
-            aria-label="Back"
-            class="ant-page-header-back-button"
-            role="button"
-            style="border:0;background:transparent;padding:0;line-height:inherit;display:inline-block"
-            tabindex="0"
-          >
-            <span
-              aria-label="arrow-left"
-              class="anticon anticon-arrow-left"
-              role="img"
-            >
-              <svg
-                aria-hidden="true"
-                data-icon="arrow-left"
-                fill="currentColor"
-                focusable="false"
-                height="1em"
-                viewBox="64 64 896 896"
-                width="1em"
-              >
-                <path
-                  d="M872 474H286.9l350.2-304c5.6-4.9 2.2-14-5.2-14h-88.5c-3.9 0-7.6 1.4-10.5 3.9L155 487.8a31.96 31.96 0 000 48.3L535.1 866c1.5 1.3 3.3 2 5.2 2h91.5c7.4 0 10.8-9.2 5.2-14L286.9 550H872c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z"
-                />
-              </svg>
-            </span>
-          </div>
-        </div>
-        <span
-          class="ant-page-header-heading-title"
-          title="Title"
-        >
-          Title
-        </span>
-        <span
-          class="ant-page-header-heading-sub-title"
-          title="This is a subtitle"
-        >
-          This is a subtitle
-        </span>
-      </div>
-      <span
-        class="ant-page-header-heading-extra"
-      >
-        <div
-          class="ant-space ant-space-horizontal ant-space-align-center"
-        >
-          <div
-            class="ant-space-item"
-            style="margin-right:8px"
-          >
-            <button
-              class="ant-btn ant-btn-default"
-              type="button"
-            >
-              <span>
-                Operation
-              </span>
-            </button>
-          </div>
-          <div
-            class="ant-space-item"
-            style="margin-right:8px"
-          >
-            <button
-              class="ant-btn ant-btn-default"
-              type="button"
-            >
-              <span>
-                Operation
-              </span>
-            </button>
-          </div>
-          <div
-            class="ant-space-item"
-          >
-            <button
-              class="ant-btn ant-btn-primary"
-              type="button"
-            >
-              <span>
-                Primary
-              </span>
-            </button>
-          </div>
-        </div>
-      </span>
-    </div>
-    <div
-      class="ant-page-header-content"
-    >
-      <div
-        class="ant-descriptions ant-descriptions-small"
-      >
-        <div
-          class="ant-descriptions-view"
-        >
-          <table>
-            <tbody>
-              <tr
-                class="ant-descriptions-row"
-              >
-                <td
-                  class="ant-descriptions-item"
-                  colspan="1"
-                >
-                  <div
-                    class="ant-descriptions-item-container"
-                  >
-                    <span
-                      class="ant-descriptions-item-label"
-                    >
-                      Created
-                    </span>
-                    <span
-                      class="ant-descriptions-item-content"
-                    >
-                      Lili Qu
-                    </span>
-                  </div>
-                </td>
-                <td
-                  class="ant-descriptions-item"
-                  colspan="1"
-                >
-                  <div
-                    class="ant-descriptions-item-container"
-                  >
-                    <span
-                      class="ant-descriptions-item-label"
-                    >
-                      Association
-                    </span>
-                    <span
-                      class="ant-descriptions-item-content"
-                    >
-                      <a>
-                        421421
-                      </a>
-                    </span>
-                  </div>
-                </td>
-                <td
-                  class="ant-descriptions-item"
-                  colspan="1"
-                >
-                  <div
-                    class="ant-descriptions-item-container"
-                  >
-                    <span
-                      class="ant-descriptions-item-label"
-                    >
-                      Creation Time
-                    </span>
-                    <span
-                      class="ant-descriptions-item-content"
-                    >
-                      2017-01-10
-                    </span>
-                  </div>
-                </td>
-              </tr>
-              <tr
-                class="ant-descriptions-row"
-              >
-                <td
-                  class="ant-descriptions-item"
-                  colspan="1"
-                >
-                  <div
-                    class="ant-descriptions-item-container"
-                  >
-                    <span
-                      class="ant-descriptions-item-label"
-                    >
-                      Effective Time
-                    </span>
-                    <span
-                      class="ant-descriptions-item-content"
-                    >
-                      2017-10-10
-                    </span>
-                  </div>
-                </td>
-                <td
-                  class="ant-descriptions-item"
-                  colspan="2"
-                >
-                  <div
-                    class="ant-descriptions-item-container"
-                  >
-                    <span
-                      class="ant-descriptions-item-label"
-                    >
-                      Remarks
-                    </span>
-                    <span
-                      class="ant-descriptions-item-content"
-                    >
-                      Gonghu Road, Xihu District, Hangzhou, Zhejiang, China
-                    </span>
-                  </div>
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-    </div>
-  </div>,
-  <br />,
-  <div
-    class="ant-page-header ant-page-header-ghost"
-  >
-    <div
-      class="ant-page-header-heading"
-    >
-      <div
-        class="ant-page-header-heading-left"
-      >
-        <div
-          class="ant-page-header-back"
-        >
-          <div
-            aria-label="Back"
-            class="ant-page-header-back-button"
-            role="button"
-            style="border:0;background:transparent;padding:0;line-height:inherit;display:inline-block"
-            tabindex="0"
-          >
-            <span
-              aria-label="arrow-left"
-              class="anticon anticon-arrow-left"
-              role="img"
-            >
-              <svg
-                aria-hidden="true"
-                data-icon="arrow-left"
-                fill="currentColor"
-                focusable="false"
-                height="1em"
-                viewBox="64 64 896 896"
-                width="1em"
-              >
-                <path
-                  d="M872 474H286.9l350.2-304c5.6-4.9 2.2-14-5.2-14h-88.5c-3.9 0-7.6 1.4-10.5 3.9L155 487.8a31.96 31.96 0 000 48.3L535.1 866c1.5 1.3 3.3 2 5.2 2h91.5c7.4 0 10.8-9.2 5.2-14L286.9 550H872c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z"
-                />
-              </svg>
-            </span>
-          </div>
-        </div>
-        <span
-          class="ant-page-header-heading-title"
-          title="Title"
-        >
-          Title
-        </span>
-        <span
-          class="ant-page-header-heading-sub-title"
-          title="This is a subtitle"
-        >
-          This is a subtitle
-        </span>
-        <span
-          class="ant-page-header-heading-tags"
-        >
-          <span
-            class="ant-tag ant-tag-blue"
-          >
-            Running
-          </span>
-        </span>
-      </div>
-      <span
-        class="ant-page-header-heading-extra"
-      >
-        <div
-          class="ant-space ant-space-horizontal ant-space-align-center"
-        >
-          <div
-            class="ant-space-item"
-            style="margin-right:8px"
-          >
-            <button
-              class="ant-btn ant-btn-default"
-              type="button"
-            >
-              <span>
-                Operation
-              </span>
-            </button>
-          </div>
-          <div
-            class="ant-space-item"
-            style="margin-right:8px"
-          >
-            <button
-              class="ant-btn ant-btn-default"
-              type="button"
-            >
-              <span>
-                Operation
-              </span>
-            </button>
-          </div>
-          <div
-            class="ant-space-item"
-          >
-            <button
-              class="ant-btn ant-btn-primary"
-              type="button"
-            >
-              <span>
-                Primary
-              </span>
-            </button>
-          </div>
-        </div>
-      </span>
-    </div>
-    <div
-      class="ant-page-header-content"
-    >
-      <div
-        class="ant-row"
-      >
-        <div
-          class="ant-statistic"
-        >
-          <div
-            class="ant-statistic-title"
-          >
-            Status
-          </div>
-          <div
-            class="ant-statistic-content"
-          >
-            <span
-              class="ant-statistic-content-value"
-            >
-              Pending
-            </span>
-          </div>
-        </div>
-        <div
-          class="ant-statistic"
-          style="margin:0 32px"
-        >
-          <div
-            class="ant-statistic-title"
-          >
-            Price
-          </div>
-          <div
-            class="ant-statistic-content"
-          >
-            <span
-              class="ant-statistic-content-prefix"
-            >
-              $
-            </span>
-            <span
-              class="ant-statistic-content-value"
-            >
-              <span
-                class="ant-statistic-content-value-int"
-              >
-                568
-              </span>
-              <span
-                class="ant-statistic-content-value-decimal"
-              >
-                .08
-              </span>
-            </span>
-          </div>
-        </div>
-        <div
-          class="ant-statistic"
-        >
-          <div
-            class="ant-statistic-title"
-          >
-            Balance
-          </div>
-          <div
-            class="ant-statistic-content"
-          >
-            <span
-              class="ant-statistic-content-prefix"
-            >
-              $
-            </span>
-            <span
-              class="ant-statistic-content-value"
-            >
-              <span
-                class="ant-statistic-content-value-int"
-              >
-                3,345
-              </span>
-              <span
-                class="ant-statistic-content-value-decimal"
-              >
-                .08
-              </span>
-            </span>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>,
-]
-`;
-
-exports[`renders ./components/page-header/demo/basic.md correctly 1`] = `
-<div
-  class="ant-page-header site-page-header ant-page-header-ghost"
->
-  <div
-    class="ant-page-header-heading"
-  >
-    <div
-      class="ant-page-header-heading-left"
-    >
-      <div
-        class="ant-page-header-back"
-      >
-        <div
-          aria-label="Back"
-          class="ant-page-header-back-button"
-          role="button"
-          style="border:0;background:transparent;padding:0;line-height:inherit;display:inline-block"
-          tabindex="0"
-        >
-          <span
-            aria-label="arrow-left"
-            class="anticon anticon-arrow-left"
-            role="img"
-          >
-            <svg
-              aria-hidden="true"
-              data-icon="arrow-left"
-              fill="currentColor"
-              focusable="false"
-              height="1em"
-              viewBox="64 64 896 896"
-              width="1em"
-            >
-              <path
-                d="M872 474H286.9l350.2-304c5.6-4.9 2.2-14-5.2-14h-88.5c-3.9 0-7.6 1.4-10.5 3.9L155 487.8a31.96 31.96 0 000 48.3L535.1 866c1.5 1.3 3.3 2 5.2 2h91.5c7.4 0 10.8-9.2 5.2-14L286.9 550H872c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z"
-              />
-            </svg>
-          </span>
-        </div>
-      </div>
-      <span
-        class="ant-page-header-heading-title"
-        title="Title"
-      >
-        Title
-      </span>
-      <span
-        class="ant-page-header-heading-sub-title"
-        title="This is a subtitle"
-      >
-        This is a subtitle
-      </span>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`renders ./components/page-header/demo/breadcrumb.md correctly 1`] = `
-<div
-  class="ant-page-header site-page-header has-breadcrumb ant-page-header-ghost"
->
-  <nav
-    class="ant-breadcrumb"
-  >
-    <ol>
-      <li>
-        <span
-          class="ant-breadcrumb-link"
-        >
-          <a
-            href="#/index"
-          >
-            First-level Menu
-          </a>
-        </span>
-        <span
-          class="ant-breadcrumb-separator"
-        >
-          /
-        </span>
-      </li>
-      <li>
-        <span
-          class="ant-breadcrumb-link"
-        >
-          <a
-            href="#/index/first"
-          >
-            Second-level Menu
-          </a>
-        </span>
-        <span
-          class="ant-breadcrumb-separator"
-        >
-          /
-        </span>
-      </li>
-      <li>
-        <span
-          class="ant-breadcrumb-link"
-        >
-          <span>
-            Third-level Menu
-          </span>
-        </span>
-        <span
-          class="ant-breadcrumb-separator"
-        >
-          /
-        </span>
-      </li>
-    </ol>
-  </nav>
-  <div
-    class="ant-page-header-heading"
-  >
-    <div
-      class="ant-page-header-heading-left"
-    >
-      <span
-        class="ant-page-header-heading-title"
-        title="Title"
-      >
-        Title
-      </span>
-      <span
-        class="ant-page-header-heading-sub-title"
-        title="This is a subtitle"
-      >
-        This is a subtitle
-      </span>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`renders ./components/page-header/demo/content.md correctly 1`] = `
-<div
-  class="ant-page-header site-page-header has-breadcrumb ant-page-header-ghost"
->
-  <nav
-    class="ant-breadcrumb"
-  >
-    <ol>
-      <li>
-        <span
-          class="ant-breadcrumb-link"
-        >
-          <a
-            href="#/index"
-          >
-            First-level Menu
-          </a>
-        </span>
-        <span
-          class="ant-breadcrumb-separator"
-        >
-          /
-        </span>
-      </li>
-      <li>
-        <span
-          class="ant-breadcrumb-link"
-        >
-          <a
-            href="#/index/first"
-          >
-            Second-level Menu
-          </a>
-        </span>
-        <span
-          class="ant-breadcrumb-separator"
-        >
-          /
-        </span>
-      </li>
-      <li>
-        <span
-          class="ant-breadcrumb-link"
-        >
-          <span>
-            Third-level Menu
-          </span>
-        </span>
-        <span
-          class="ant-breadcrumb-separator"
-        >
-          /
-        </span>
-      </li>
-    </ol>
-  </nav>
-  <div
-    class="ant-page-header-heading"
-  >
-    <div
-      class="ant-page-header-heading-left"
-    >
-      <span
-        class="ant-avatar ant-avatar-circle ant-avatar-image"
-      >
-        <img
-          src="https://avatars1.githubusercontent.com/u/8186664?s=460&v=4"
-        />
-      </span>
-      <span
-        class="ant-page-header-heading-title"
-        title="Title"
-      >
-        Title
-      </span>
-      <span
-        class="ant-page-header-heading-sub-title"
-        title="This is a subtitle"
-      >
-        This is a subtitle
-      </span>
-      <span
-        class="ant-page-header-heading-tags"
-      >
-        <span
-          class="ant-tag ant-tag-blue"
-        >
-          Running
-        </span>
-      </span>
-    </div>
-    <span
-      class="ant-page-header-heading-extra"
-    >
-      <div
-        class="ant-space ant-space-horizontal ant-space-align-center"
-      >
-        <div
-          class="ant-space-item"
-          style="margin-right:8px"
-        >
-          <button
-            class="ant-btn ant-btn-default"
-            type="button"
-          >
-            <span>
-              Operation
-            </span>
-          </button>
-        </div>
-        <div
-          class="ant-space-item"
-          style="margin-right:8px"
-        >
-          <button
-            class="ant-btn ant-btn-default"
-            type="button"
-          >
-            <span>
-              Operation
-            </span>
-          </button>
-        </div>
-        <div
-          class="ant-space-item"
-          style="margin-right:8px"
-        >
-          <button
-            class="ant-btn ant-btn-primary"
-            type="button"
-          >
-            <span>
-              Primary
-            </span>
-          </button>
-        </div>
-        <div
-          class="ant-space-item"
-        >
-          <button
-            class="ant-btn ant-btn-text ant-btn-icon-only ant-dropdown-trigger"
-            type="button"
-          >
-            <span
-              aria-label="more"
-              class="anticon anticon-more"
-              role="img"
-              style="font-size:20px"
-            >
-              <svg
-                aria-hidden="true"
-                data-icon="more"
-                fill="currentColor"
-                focusable="false"
-                height="1em"
-                viewBox="64 64 896 896"
-                width="1em"
-              >
-                <path
-                  d="M456 231a56 56 0 10112 0 56 56 0 10-112 0zm0 280a56 56 0 10112 0 56 56 0 10-112 0zm0 280a56 56 0 10112 0 56 56 0 10-112 0z"
-                />
-              </svg>
-            </span>
-          </button>
-        </div>
-      </div>
-    </span>
-  </div>
-  <div
-    class="ant-page-header-content"
-  >
-    <div
-      class="ant-row"
-    >
-      <div
-        style="flex:1"
-      >
-        <div
-          class="ant-typography"
-        >
-          Ant Design interprets the color system into two levels: a system-level color system and a product-level color system.
-        </div>
-        <div
-          class="ant-typography"
-        >
-          Ant Design's design team preferred to design with the HSB color model, which makes it easier for designers to have a clear psychological expectation of color when adjusting colors, as well as facilitate communication in teams.
-        </div>
-        <div>
-          <a
-            class="example-link"
-          >
-            <img
-              alt="Quick Start"
-              class="example-link-icon"
-              src="https://gw.alipayobjects.com/zos/rmsportal/MjEImQtenlyueSmVEfUD.svg"
-            />
-            Quick Start
-          </a>
-          <a
-            class="example-link"
-          >
-            <img
-              alt=" Product Info"
-              class="example-link-icon"
-              src="https://gw.alipayobjects.com/zos/rmsportal/NbuDUAuBlIApFuDvWiND.svg"
-            />
-             Product Info
-          </a>
-          <a
-            class="example-link"
-          >
-            <img
-              alt="Product Doc"
-              class="example-link-icon"
-              src="https://gw.alipayobjects.com/zos/rmsportal/ohOEPSYdDTNnyMbGuyLb.svg"
-            />
-            Product Doc
-          </a>
-        </div>
-      </div>
-      <div
-        class="image"
-      >
-        <img
-          alt="content"
-          src="https://gw.alipayobjects.com/zos/antfincdn/K%24NnlsB%26hz/pageHeader.svg"
-          width="100%"
-        />
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`renders ./components/page-header/demo/ghost.md correctly 1`] = `
-<div
-  class="site-page-header-ghost-wrapper"
->
-  <div
-    class="ant-page-header"
-  >
-    <div
-      class="ant-page-header-heading"
-    >
-      <div
-        class="ant-page-header-heading-left"
-      >
-        <div
-          class="ant-page-header-back"
-        >
-          <div
-            aria-label="Back"
-            class="ant-page-header-back-button"
-            role="button"
-            style="border:0;background:transparent;padding:0;line-height:inherit;display:inline-block"
-            tabindex="0"
-          >
-            <span
-              aria-label="arrow-left"
-              class="anticon anticon-arrow-left"
-              role="img"
-            >
-              <svg
-                aria-hidden="true"
-                data-icon="arrow-left"
-                fill="currentColor"
-                focusable="false"
-                height="1em"
-                viewBox="64 64 896 896"
-                width="1em"
-              >
-                <path
-                  d="M872 474H286.9l350.2-304c5.6-4.9 2.2-14-5.2-14h-88.5c-3.9 0-7.6 1.4-10.5 3.9L155 487.8a31.96 31.96 0 000 48.3L535.1 866c1.5 1.3 3.3 2 5.2 2h91.5c7.4 0 10.8-9.2 5.2-14L286.9 550H872c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z"
-                />
-              </svg>
-            </span>
-          </div>
-        </div>
-        <span
-          class="ant-page-header-heading-title"
-          title="Title"
-        >
-          Title
-        </span>
-        <span
-          class="ant-page-header-heading-sub-title"
-          title="This is a subtitle"
-        >
-          This is a subtitle
-        </span>
-      </div>
-      <span
-        class="ant-page-header-heading-extra"
-      >
-        <div
-          class="ant-space ant-space-horizontal ant-space-align-center"
-        >
-          <div
-            class="ant-space-item"
-            style="margin-right:8px"
-          >
-            <button
-              class="ant-btn ant-btn-default"
-              type="button"
-            >
-              <span>
-                Operation
-              </span>
-            </button>
-          </div>
-          <div
-            class="ant-space-item"
-            style="margin-right:8px"
-          >
-            <button
-              class="ant-btn ant-btn-default"
-              type="button"
-            >
-              <span>
-                Operation
-              </span>
-            </button>
-          </div>
-          <div
-            class="ant-space-item"
-          >
-            <button
-              class="ant-btn ant-btn-primary"
-              type="button"
-            >
-              <span>
-                Primary
-              </span>
-            </button>
-          </div>
-        </div>
-      </span>
-    </div>
-    <div
-      class="ant-page-header-content"
-    >
-      <div
-        class="ant-descriptions ant-descriptions-small"
-      >
-        <div
-          class="ant-descriptions-view"
-        >
-          <table>
-            <tbody>
-              <tr
-                class="ant-descriptions-row"
-              >
-                <td
-                  class="ant-descriptions-item"
-                  colspan="1"
-                >
-                  <div
-                    class="ant-descriptions-item-container"
-                  >
-                    <span
-                      class="ant-descriptions-item-label"
-                    >
-                      Created
-                    </span>
-                    <span
-                      class="ant-descriptions-item-content"
-                    >
-                      Lili Qu
-                    </span>
-                  </div>
-                </td>
-                <td
-                  class="ant-descriptions-item"
-                  colspan="1"
-                >
-                  <div
-                    class="ant-descriptions-item-container"
-                  >
-                    <span
-                      class="ant-descriptions-item-label"
-                    >
-                      Association
-                    </span>
-                    <span
-                      class="ant-descriptions-item-content"
-                    >
-                      <a>
-                        421421
-                      </a>
-                    </span>
-                  </div>
-                </td>
-                <td
-                  class="ant-descriptions-item"
-                  colspan="1"
-                >
-                  <div
-                    class="ant-descriptions-item-container"
-                  >
-                    <span
-                      class="ant-descriptions-item-label"
-                    >
-                      Creation Time
-                    </span>
-                    <span
-                      class="ant-descriptions-item-content"
-                    >
-                      2017-01-10
-                    </span>
-                  </div>
-                </td>
-              </tr>
-              <tr
-                class="ant-descriptions-row"
-              >
-                <td
-                  class="ant-descriptions-item"
-                  colspan="1"
-                >
-                  <div
-                    class="ant-descriptions-item-container"
-                  >
-                    <span
-                      class="ant-descriptions-item-label"
-                    >
-                      Effective Time
-                    </span>
-                    <span
-                      class="ant-descriptions-item-content"
-                    >
-                      2017-10-10
-                    </span>
-                  </div>
-                </td>
-                <td
-                  class="ant-descriptions-item"
-                  colspan="2"
-                >
-                  <div
-                    class="ant-descriptions-item-container"
-                  >
-                    <span
-                      class="ant-descriptions-item-label"
-                    >
-                      Remarks
-                    </span>
-                    <span
-                      class="ant-descriptions-item-content"
-                    >
-                      Gonghu Road, Xihu District, Hangzhou, Zhejiang, China
-                    </span>
-                  </div>
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`renders ./components/page-header/demo/responsive.md correctly 1`] = `
-<div
-  class="ant-page-header site-page-header-responsive has-footer ant-page-header-ghost"
->
-  <div
-    class="ant-page-header-heading"
-  >
-    <div
-      class="ant-page-header-heading-left"
-    >
-      <div
-        class="ant-page-header-back"
-      >
-        <div
-          aria-label="Back"
-          class="ant-page-header-back-button"
-          role="button"
-          style="border:0;background:transparent;padding:0;line-height:inherit;display:inline-block"
-          tabindex="0"
-        >
-          <span
-            aria-label="arrow-left"
-            class="anticon anticon-arrow-left"
-            role="img"
-          >
-            <svg
-              aria-hidden="true"
-              data-icon="arrow-left"
-              fill="currentColor"
-              focusable="false"
-              height="1em"
-              viewBox="64 64 896 896"
-              width="1em"
-            >
-              <path
-                d="M872 474H286.9l350.2-304c5.6-4.9 2.2-14-5.2-14h-88.5c-3.9 0-7.6 1.4-10.5 3.9L155 487.8a31.96 31.96 0 000 48.3L535.1 866c1.5 1.3 3.3 2 5.2 2h91.5c7.4 0 10.8-9.2 5.2-14L286.9 550H872c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z"
-              />
-            </svg>
-          </span>
-        </div>
-      </div>
-      <span
-        class="ant-page-header-heading-title"
-        title="Title"
-      >
-        Title
-      </span>
-      <span
-        class="ant-page-header-heading-sub-title"
-        title="This is a subtitle"
-      >
-        This is a subtitle
-      </span>
-    </div>
-    <span
-      class="ant-page-header-heading-extra"
-    >
-      <div
-        class="ant-space ant-space-horizontal ant-space-align-center"
-      >
-        <div
-          class="ant-space-item"
-          style="margin-right:8px"
-        >
-          <button
-            class="ant-btn ant-btn-default"
-            type="button"
-          >
-            <span>
-              Operation
-            </span>
-          </button>
-        </div>
-        <div
-          class="ant-space-item"
-          style="margin-right:8px"
-        >
-          <button
-            class="ant-btn ant-btn-default"
-            type="button"
-          >
-            <span>
-              Operation
-            </span>
-          </button>
-        </div>
-        <div
-          class="ant-space-item"
-        >
-          <button
-            class="ant-btn ant-btn-primary"
-            type="button"
-          >
-            <span>
-              Primary
-            </span>
-          </button>
-        </div>
-      </div>
-    </span>
-  </div>
-  <div
-    class="ant-page-header-content"
-  >
-    <div
-      class="content"
-    >
-      <div
-        class="main"
-      >
-        <div
-          class="ant-descriptions ant-descriptions-small"
-        >
-          <div
-            class="ant-descriptions-view"
-          >
-            <table>
-              <tbody>
-                <tr
-                  class="ant-descriptions-row"
-                >
-                  <td
-                    class="ant-descriptions-item"
-                    colspan="1"
-                  >
-                    <div
-                      class="ant-descriptions-item-container"
-                    >
-                      <span
-                        class="ant-descriptions-item-label"
-                      >
-                        Created
-                      </span>
-                      <span
-                        class="ant-descriptions-item-content"
-                      >
-                        Lili Qu
-                      </span>
-                    </div>
-                  </td>
-                  <td
-                    class="ant-descriptions-item"
-                    colspan="1"
-                  >
-                    <div
-                      class="ant-descriptions-item-container"
-                    >
-                      <span
-                        class="ant-descriptions-item-label"
-                      >
-                        Association
-                      </span>
-                      <span
-                        class="ant-descriptions-item-content"
-                      >
-                        <a>
-                          421421
-                        </a>
-                      </span>
-                    </div>
-                  </td>
-                </tr>
-                <tr
-                  class="ant-descriptions-row"
-                >
-                  <td
-                    class="ant-descriptions-item"
-                    colspan="1"
-                  >
-                    <div
-                      class="ant-descriptions-item-container"
-                    >
-                      <span
-                        class="ant-descriptions-item-label"
-                      >
-                        Creation Time
-                      </span>
-                      <span
-                        class="ant-descriptions-item-content"
-                      >
-                        2017-01-10
-                      </span>
-                    </div>
-                  </td>
-                  <td
-                    class="ant-descriptions-item"
-                    colspan="1"
-                  >
-                    <div
-                      class="ant-descriptions-item-container"
-                    >
-                      <span
-                        class="ant-descriptions-item-label"
-                      >
-                        Effective Time
-                      </span>
-                      <span
-                        class="ant-descriptions-item-content"
-                      >
-                        2017-10-10
-                      </span>
-                    </div>
-                  </td>
-                </tr>
-                <tr
-                  class="ant-descriptions-row"
-                >
-                  <td
-                    class="ant-descriptions-item"
-                    colspan="2"
-                  >
-                    <div
-                      class="ant-descriptions-item-container"
-                    >
-                      <span
-                        class="ant-descriptions-item-label"
-                      >
-                        Remarks
-                      </span>
-                      <span
-                        class="ant-descriptions-item-content"
-                      >
-                        Gonghu Road, Xihu District, Hangzhou, Zhejiang, China
-                      </span>
-                    </div>
-                  </td>
-                </tr>
-              </tbody>
-            </table>
-          </div>
-        </div>
-      </div>
-      <div
-        class="extra"
-      >
-        <div
-          style="display:flex;width:max-content;justify-content:flex-end"
-        >
-          <div
-            class="ant-statistic"
-            style="margin-right:32px"
-          >
-            <div
-              class="ant-statistic-title"
-            >
-              Status
-            </div>
-            <div
-              class="ant-statistic-content"
-            >
-              <span
-                class="ant-statistic-content-value"
-              >
-                Pending
-              </span>
-            </div>
-          </div>
-          <div
-            class="ant-statistic"
-          >
-            <div
-              class="ant-statistic-title"
-            >
-              Price
-            </div>
-            <div
-              class="ant-statistic-content"
-            >
-              <span
-                class="ant-statistic-content-prefix"
-              >
-                $
-              </span>
-              <span
-                class="ant-statistic-content-value"
-              >
-                <span
-                  class="ant-statistic-content-value-int"
-                >
-                  568
-                </span>
-                <span
-                  class="ant-statistic-content-value-decimal"
-                >
-                  .08
-                </span>
-              </span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div
-    class="ant-page-header-footer"
-  >
-    <div
-      class="ant-tabs ant-tabs-top"
-    >
-      <div
-        class="ant-tabs-nav"
-        role="tablist"
-      >
-        <div
-          class="ant-tabs-nav-wrap"
-        >
-          <div
-            class="ant-tabs-nav-list"
-            style="transform:translate(0px, 0px)"
-          >
-            <div
-              class="ant-tabs-tab ant-tabs-tab-active"
-            >
-              <div
-                aria-selected="true"
-                class="ant-tabs-tab-btn"
-                role="tab"
-                tabindex="0"
-              >
-                Details
-              </div>
-            </div>
-            <div
-              class="ant-tabs-tab"
-            >
-              <div
-                aria-selected="false"
-                class="ant-tabs-tab-btn"
-                role="tab"
-                tabindex="0"
-              >
-                Rule
-              </div>
-            </div>
-            <div
-              class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
-            />
-          </div>
-        </div>
-        <div
-          class="ant-tabs-nav-operations ant-tabs-nav-operations-hidden"
-        >
-          <button
-            aria-controls="null-more-popup"
-            aria-expanded="false"
-            aria-haspopup="listbox"
-            aria-hidden="true"
-            class="ant-tabs-nav-more"
-            id="null-more"
-            style="visibility:hidden;order:1"
-            tabindex="-1"
-            type="button"
-          >
-            <span
-              aria-label="ellipsis"
-              class="anticon anticon-ellipsis"
-              role="img"
-            >
-              <svg
-                aria-hidden="true"
-                data-icon="ellipsis"
-                fill="currentColor"
-                focusable="false"
-                height="1em"
-                viewBox="64 64 896 896"
-                width="1em"
-              >
-                <path
-                  d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
-                />
-              </svg>
-            </span>
-          </button>
-        </div>
-      </div>
-      <div
-        class="ant-tabs-content-holder"
-      >
-        <div
-          class="ant-tabs-content ant-tabs-content-top"
-        >
-          <div
-            aria-hidden="false"
-            class="ant-tabs-tabpane ant-tabs-tabpane-active"
-            role="tabpanel"
-            tabindex="0"
-          />
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;