ant-design/docs__react__customize-theme.en-US.md.eaa524dd.async.js

"use strict";(self.webpackChunkantd=self.webpackChunkantd||[]).push([[345],{572059:function(c,i,l){l.r(i);var m=l(502143),h=l(968521),v=l(720719),p=l(28840),a=l(759907),s=l(828089),g=l(825673),x=l(902068),k=l(574399),d=l(863942),T=l(316073),E=l(24628),f=l(719260),y=l(956140),A=l(127179),b=l(905388),P=l(40428),I=l(606965),D=l(268696),M=l(587302),t=l(424128),C=l(249706),O=l(795127),w=l(116846),R=l(212039),u=l(73024),L=l(553913),o=l(606641),r=l(667294),e=l(370917);function _(){var Z=(0,o.eL)(),n=Z.texts;return(0,e.tZ)(o.dY,null,(0,e.tZ)(r.Fragment,null,(0,e.tZ)("div",{className:"markdown"},(0,e.tZ)("p",null,n[0].value),(0,e.tZ)("p",null,n[1].value),(0,e.tZ)("ol",null,(0,e.tZ)("li",null,n[2].value),(0,e.tZ)("li",null,n[3].value),(0,e.tZ)("li",null,n[4].value),(0,e.tZ)("li",null,n[5].value)),(0,e.tZ)("h2",{id:"customize-theme-with-configprovider"},(0,e.tZ)(t.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#customize-theme-with-configprovider",sourceType:"a"},(0,e.tZ)("span",{className:"icon icon-link"})),"Customize theme with ",(0,e.tZ)("code",null,n[6].value)),(0,e.tZ)("p",null,n[7].value,(0,e.tZ)("strong",null,n[8].value),n[9].value),(0,e.tZ)("h3",{id:"customize-design-token"},(0,e.tZ)(t.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#customize-design-token",sourceType:"a"},(0,e.tZ)("span",{className:"icon icon-link"})),"Customize Design Token"),(0,e.tZ)("p",null,n[10].value,(0,e.tZ)("code",null,n[11].value),n[12].value),(0,e.tZ)(a.Z,{lang:"tsx"},n[13].value),(0,e.tZ)("p",null,n[14].value,(0,e.tZ)(d.Z,{color:"#00b96b"}),n[15].value),(0,e.tZ)("p",null,(0,e.tZ)("img",{src:"https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*CbF_RJfKEiwAAAAAAAAAAAAAARQnAQ",alt:"themed button"})),(0,e.tZ)("h3",{id:"use-preset-algorithms"},(0,e.tZ)(t.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#use-preset-algorithms",sourceType:"a"},(0,e.tZ)("span",{className:"icon icon-link"})),"Use Preset Algorithms"),(0,e.tZ)("p",null,n[16].value,(0,e.tZ)("code",null,n[17].value),n[18].value,(0,e.tZ)("code",null,n[19].value),n[20].value,(0,e.tZ)("code",null,n[21].value),n[22].value,(0,e.tZ)("code",null,n[23].value),n[24].value,(0,e.tZ)("code",null,n[25].value),n[26].value,(0,e.tZ)("code",null,n[27].value),n[28].value),(0,e.tZ)(a.Z,{lang:"tsx"},n[29].value),(0,e.tZ)("h3",{id:"customize-component-token"},(0,e.tZ)(t.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#customize-component-token",sourceType:"a"},(0,e.tZ)("span",{className:"icon icon-link"})),"Customize Component Token"),(0,e.tZ)("p",null,n[30].value),(0,e.tZ)(a.Z,{lang:"tsx"},n[31].value),(0,e.tZ)("p",null,n[32].value,(0,e.tZ)(d.Z,{color:"#00b96b"}),n[33].value),(0,e.tZ)("p",null,(0,e.tZ)("img",{src:"https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*EMY0QrHFDjsAAAAAAAAAAAAAARQnAQ",alt:"component token"})),(0,e.tZ)("blockquote",null,(0,e.tZ)("p",null,n[34].value,(0,e.tZ)("code",null,n[35].value),n[36].value,(0,e.tZ)("code",null,n[37].value),n[38].value,(0,e.tZ)("code",null,n[39].value),n[40].value,(0,e.tZ)("code",null,n[41].value),n[42].value,(0,e.tZ)("code",null,n[43].value),n[44].value,(0,e.tZ)("code",null,n[45].value),n[46].value,(0,e.tZ)(t.Z,{to:"/components/app",sourceType:"Link"},n[47].value),n[48].value)),(0,e.tZ)("h3",{id:"disable-motion"},(0,e.tZ)(t.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#disable-motion",sourceType:"a"},(0,e.tZ)("span",{className:"icon icon-link"})),"Disable Motion"),(0,e.tZ)("p",null,n[49].value)),(0,e.tZ)(o.Dl,{demo:{id:"docs-react-customize-theme-en-us-demo-motion"},previewerProps:{title:"Motion",filename:"docs/react/demo/motion.tsx",pkgDependencyList:{"@ant-design/colors":"^7.0.0","@ant-design/cssinjs":"^1.10.1","@ant-design/icons":"^5.1.0","@ant-design/react-slick":"~1.0.0","@babel/runtime":"^7.18.3","@ctrl/tinycolor":"^3.6.0","@rc-component/color-picker":"~1.4.0","@rc-component/mutate-observer":"^1.0.0","@rc-component/tour":"~1.8.0","@rc-component/trigger":"^1.13.0",classnames:"^2.2.6","copy-to-clipboard":"^3.2.0",dayjs:"^1.11.1","qrcode.react":"^3.1.0","rc-cascader":"~3.12.0","rc-checkbox":"~3.1.0","rc-collapse":"~3.7.0","rc-dialog":"~9.1.0","rc-drawer":"~6.2.0","rc-dropdown":"~4.1.0","rc-field-form":"~1.34.0","rc-image":"~7.0.0","rc-input":"~1.1.0","rc-input-number":"~8.0.2","rc-mentions":"~2.5.0","rc-menu":"~9.10.0","rc-motion":"^2.7.3","rc-notification":"~5.0.4","rc-pagination":"~3.5.0","rc-picker":"~3.10.0","rc-progress":"~3.4.1","rc-rate":"~2.12.0","rc-resize-observer":"^1.2.0","rc-segmented":"~2.2.0","rc-select":"~14.5.0","rc-slider":"~10.1.0","rc-steps":"~6.0.0","rc-switch":"~4.1.0","rc-table":"~7.32.1","rc-tabs":"~12.9.0","rc-textarea":"~1.3.2","rc-tooltip":"~6.0.0","rc-tree":"~5.7.6","rc-tree-select":"~5.9.0","rc-upload":"~4.3.0","rc-util":"^5.32.0","scroll-into-view-if-needed":"^3.0.3","throttle-debounce":"^5.0.0"},jsx:`import React from 'react';
import { Switch, ConfigProvider, Space, Checkbox, Radio, Row, Col } from 'antd';
export default () => {
  const [checked, setChecked] = React.useState(false);
  React.useEffect(() => {
    const id = setInterval(() => {
      setChecked((prev) => !prev);
    }, 500);
    return () => {
      clearInterval(id);
    };
  }, []);
  const nodes = (
    <Space>
      <Checkbox checked={checked}>Checkbox</Checkbox>
      <Radio checked={checked}>Radio</Radio>
      <Switch checked={checked} />
    </Space>
  );
  return (
    <Row gutter={[24, 24]}>
      <Col span={24}>{nodes}</Col>

      <Col span={24}>
        <ConfigProvider
          theme={{
            token: {
              motion: false,
            },
          }}
        >
          {nodes}
        </ConfigProvider>
      </Col>
    </Row>
  );
};
`}}),(0,e.tZ)("div",{className:"markdown"},(0,e.tZ)("h2",{id:"other-ways-to-use-dynamic-themes"},(0,e.tZ)(t.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#other-ways-to-use-dynamic-themes",sourceType:"a"},(0,e.tZ)("span",{className:"icon icon-link"})),"Other Ways to Use Dynamic Themes"),(0,e.tZ)("h3",{id:"switch-themes-dynamically"},(0,e.tZ)(t.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#switch-themes-dynamically",sourceType:"a"},(0,e.tZ)("span",{className:"icon icon-link"})),"Switch Themes Dynamically"),(0,e.tZ)("p",null,n[50].value,(0,e.tZ)("code",null,n[51].value),n[52].value,(0,e.tZ)("code",null,n[53].value),n[54].value),(0,e.tZ)("h3",{id:"local-theme"},(0,e.tZ)(t.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#local-theme",sourceType:"a"},(0,e.tZ)("span",{className:"icon icon-link"})),"Local Theme"),(0,e.tZ)("p",null,n[55].value,(0,e.tZ)("code",null,n[56].value),n[57].value),(0,e.tZ)(a.Z,{lang:"tsx"},n[58].value),(0,e.tZ)("h3",{id:"consume-design-token"},(0,e.tZ)(t.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#consume-design-token",sourceType:"a"},(0,e.tZ)("span",{className:"icon icon-link"})),"Consume Design Token"),(0,e.tZ)("p",null,n[59].value,(0,e.tZ)("code",null,n[60].value),n[61].value),(0,e.tZ)(a.Z,{lang:"tsx"},n[62].value),(0,e.tZ)("h3",{id:"static-consume-eg-less"},(0,e.tZ)(t.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#static-consume-eg-less",sourceType:"a"},(0,e.tZ)("span",{className:"icon icon-link"})),"Static consume (e.g. less)"),(0,e.tZ)("p",null,n[63].value),(0,e.tZ)(a.Z,{lang:"jsx"},n[64].value),(0,e.tZ)("p",null,n[65].value,(0,e.tZ)("code",null,n[66].value),n[67].value,(0,e.tZ)("code",null,n[68].value),n[69].value),(0,e.tZ)(a.Z,{lang:"tsx"},n[70].value),(0,e.tZ)("p",null,n[71].value),(0,e.tZ)(a.Z,{lang:"jsx"},n[72].value),(0,e.tZ)("p",null,n[73].value,(0,e.tZ)(t.Z,{to:"/docs/react/migration-v5",sourceType:"Link"},n[74].value),n[75].value),(0,e.tZ)("h2",{id:"advanced"},(0,e.tZ)(t.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#advanced",sourceType:"a"},(0,e.tZ)("span",{className:"icon icon-link"})),"Advanced"),(0,e.tZ)("p",null,n[76].value),(0,e.tZ)("h3",{id:"life-cycle-of-design-token"},(0,e.tZ)(t.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#life-cycle-of-design-token",sourceType:"a"},(0,e.tZ)("span",{className:"icon icon-link"})),"Life Cycle of Design Token"),(0,e.tZ)("p",null,(0,e.tZ)("img",{src:"https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*uF3kTrY4InUAAAAAAAAAAAAAARQnAQ",alt:"token"})),(0,e.tZ)("h3",{id:"seed-token"},(0,e.tZ)(t.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#seed-token",sourceType:"a"},(0,e.tZ)("span",{className:"icon icon-link"})),"Seed Token"),(0,e.tZ)("p",null,n[77].value,(0,e.tZ)("code",null,n[78].value),n[79].value),(0,e.tZ)(a.Z,{lang:"tsx"},n[80].value),(0,e.tZ)("h3",{id:"map-token"},(0,e.tZ)(t.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#map-token",sourceType:"a"},(0,e.tZ)("span",{className:"icon icon-link"})),"Map Token"),(0,e.tZ)("p",null,n[81].value,(0,e.tZ)("code",null,n[82].value),n[83].value,(0,e.tZ)("code",null,n[84].value),n[85].value),(0,e.tZ)(a.Z,{lang:"tsx"},n[86].value),(0,e.tZ)("h3",{id:"alias-token"},(0,e.tZ)(t.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#alias-token",sourceType:"a"},(0,e.tZ)("span",{className:"icon icon-link"})),"Alias Token"),(0,e.tZ)("p",null,n[87].value),(0,e.tZ)(a.Z,{lang:"tsx"},n[88].value),(0,e.tZ)("h3",{id:"algorithm"},(0,e.tZ)(t.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#algorithm",sourceType:"a"},(0,e.tZ)("span",{className:"icon icon-link"})),"Algorithm"),(0,e.tZ)("p",null,n[89].value),(0,e.tZ)(a.Z,{lang:"tsx"},n[90].value),(0,e.tZ)("h3",{id:"legacy-browser-compatible"},(0,e.tZ)(t.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#legacy-browser-compatible",sourceType:"a"},(0,e.tZ)("span",{className:"icon icon-link"})),"Legacy Browser Compatible"),(0,e.tZ)("p",null,n[91].value,(0,e.tZ)(t.Z,{to:"/docs/react/compatible-style",sourceType:"Link"},n[92].value),n[93].value),(0,e.tZ)("h3",{id:"server-side-render-ssr"},(0,e.tZ)(t.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#server-side-render-ssr",sourceType:"a"},(0,e.tZ)("span",{className:"icon icon-link"})),"Server Side Render (SSR)"),(0,e.tZ)("p",null,n[94].value),(0,e.tZ)("ul",null,(0,e.tZ)("li",null,(0,e.tZ)("strong",null,n[95].value),n[96].value,(0,e.tZ)(t.Z,{href:"https://github.com/ant-design/ant-design/issues/39891",sourceType:"a"},n[97].value)),(0,e.tZ)("li",null,(0,e.tZ)("strong",null,n[98].value),n[99].value)),(0,e.tZ)("h4",{id:"inline-mode"},(0,e.tZ)(t.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#inline-mode",sourceType:"a"},(0,e.tZ)("span",{className:"icon icon-link"})),"Inline mode"),(0,e.tZ)("p",null,n[100].value,(0,e.tZ)("code",null,n[101].value),n[102].value),(0,e.tZ)(a.Z,{lang:"tsx"},n[103].value),(0,e.tZ)("h4",{id:"whole-export"},(0,e.tZ)(t.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#whole-export",sourceType:"a"},(0,e.tZ)("span",{className:"icon icon-link"})),"Whole export"),(0,e.tZ)("p",null,n[104].value),(0,e.tZ)("ol",null,(0,e.tZ)("li",null,n[105].value)),(0,e.tZ)(a.Z,{lang:"bash"},n[106].value),(0,e.tZ)("ol",{start:"2"},(0,e.tZ)("li",null,n[107].value,(0,e.tZ)("code",null,n[108].value))),(0,e.tZ)(a.Z,{lang:"json"},n[109].value),(0,e.tZ)("ol",{start:"3"},(0,e.tZ)("li",null,n[110].value,(0,e.tZ)("code",null,n[111].value))),(0,e.tZ)(a.Z,{lang:"tsx"},n[112].value),(0,e.tZ)("p",null,n[113].value),(0,e.tZ)(a.Z,{lang:"tsx"},n[114].value),(0,e.tZ)("p",null,n[115].value),(0,e.tZ)("p",null,n[116].value,(0,e.tZ)(t.Z,{href:"https://github.com/ant-design/ant-design-examples/tree/main/examples/with-nextjs-inline-style",sourceType:"a"},n[117].value),n[118].value),(0,e.tZ)(a.Z,{lang:"json"},n[119].value),(0,e.tZ)("p",null,n[120].value,(0,e.tZ)("code",null,n[121].value),n[122].value),(0,e.tZ)(a.Z,{lang:"tsx"},n[123].value),(0,e.tZ)("h4",{id:"custom-theme"},(0,e.tZ)(t.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#custom-theme",sourceType:"a"},(0,e.tZ)("span",{className:"icon icon-link"})),"Custom theme"),(0,e.tZ)("p",null,n[124].value),(0,e.tZ)(a.Z,{lang:"tsx"},n[125].value),(0,e.tZ)("h4",{id:"mixed-theme"},(0,e.tZ)(t.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#mixed-theme",sourceType:"a"},(0,e.tZ)("span",{className:"icon icon-link"})),"Mixed theme"),(0,e.tZ)("p",null,n[126].value),(0,e.tZ)(a.Z,{lang:"tsx"},n[127].value),(0,e.tZ)("p",null,n[128].value,(0,e.tZ)(t.Z,{href:"https://github.com/ant-design/static-style-extract",sourceType:"a"},n[129].value),n[130].value),(0,e.tZ)("h4",{id:"export-the-css-files-on-demand"},(0,e.tZ)(t.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#export-the-css-files-on-demand",sourceType:"a"},(0,e.tZ)("span",{className:"icon icon-link"})),"Export the css files on demand"),(0,e.tZ)(a.Z,{lang:"tsx"},n[131].value),(0,e.tZ)("p",null,n[132].value,(0,e.tZ)("code",null,n[133].value)),(0,e.tZ)(a.Z,{lang:"tsx"},n[134].value),(0,e.tZ)("p",null,n[135].value,(0,e.tZ)(t.Z,{href:"https://github.com/ant-design/ant-design-examples/tree/main/examples/with-nextjs-generate-css-on-demand",sourceType:"a"},n[136].value)),(0,e.tZ)("h3",{id:"shadow-dom-usage"},(0,e.tZ)(t.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#shadow-dom-usage",sourceType:"a"},(0,e.tZ)("span",{className:"icon icon-link"})),"Shadow DOM Usage"),(0,e.tZ)("p",null,n[137].value,(0,e.tZ)("code",null,n[138].value),n[139].value,(0,e.tZ)("code",null,n[140].value),n[141].value,(0,e.tZ)("code",null,n[142].value),n[143].value,(0,e.tZ)("code",null,n[144].value),n[145].value),(0,e.tZ)(a.Z,{lang:"tsx"},n[146].value),(0,e.tZ)("h2",{id:"api"},(0,e.tZ)(t.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#api",sourceType:"a"},(0,e.tZ)("span",{className:"icon icon-link"})),"API"),(0,e.tZ)("h3",{id:"theme"},(0,e.tZ)(t.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#theme",sourceType:"a"},(0,e.tZ)("span",{className:"icon icon-link"})),"Theme"),(0,e.tZ)(s.Z,null,(0,e.tZ)("thead",null,(0,e.tZ)("tr",null,(0,e.tZ)("th",null,n[147].value),(0,e.tZ)("th",null,n[148].value),(0,e.tZ)("th",null,n[149].value),(0,e.tZ)("th",null,n[150].value))),(0,e.tZ)("tbody",null,(0,e.tZ)("tr",null,(0,e.tZ)("td",null,n[151].value),(0,e.tZ)("td",null,n[152].value),(0,e.tZ)("td",null,(0,e.tZ)("code",null,n[153].value)),(0,e.tZ)("td",null,n[154].value)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,n[155].value),(0,e.tZ)("td",null,n[156].value),(0,e.tZ)("td",null,n[157].value),(0,e.tZ)("td",null,n[158].value)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,n[159].value),(0,e.tZ)("td",null,n[160].value),(0,e.tZ)("td",null,(0,e.tZ)("code",null,n[161].value),n[162].value,(0,e.tZ)("code",null,n[163].value)),(0,e.tZ)("td",null,(0,e.tZ)("code",null,n[164].value))),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,n[165].value),(0,e.tZ)("td",null,n[166].value),(0,e.tZ)("td",null,n[167].value),(0,e.tZ)("td",null,n[168].value)))),(0,e.tZ)("h3",{id:"overridetoken"},(0,e.tZ)(t.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#overridetoken",sourceType:"a"},(0,e.tZ)("span",{className:"icon icon-link"})),"OverrideToken"),(0,e.tZ)(s.Z,null,(0,e.tZ)("thead",null,(0,e.tZ)("tr",null,(0,e.tZ)("th",null,n[169].value),(0,e.tZ)("th",null,n[170].value),(0,e.tZ)("th",null,n[171].value),(0,e.tZ)("th",null,n[172].value))),(0,e.tZ)("tbody",null,(0,e.tZ)("tr",null,(0,e.tZ)("td",null,(0,e.tZ)("code",null,n[173].value),n[174].value,(0,e.tZ)("code",null,n[175].value),n[176].value),(0,e.tZ)("td",null,n[177].value),(0,e.tZ)("td",null,(0,e.tZ)("code",null,n[178].value)),(0,e.tZ)("td",null,n[179].value)))),(0,e.tZ)("h3",{id:"seedtoken"},(0,e.tZ)(t.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#seedtoken",sourceType:"a"},(0,e.tZ)("span",{className:"icon icon-link"})),"SeedToken")),(0,e.tZ)(u.Z,{type:"seed"}),(0,e.tZ)("div",{className:"markdown"},(0,e.tZ)("h3",{id:"maptoken"},(0,e.tZ)(t.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#maptoken",sourceType:"a"},(0,e.tZ)("span",{className:"icon icon-link"})),"MapToken"),(0,e.tZ)("blockquote",null,(0,e.tZ)("p",null,n[180].value))),(0,e.tZ)(u.Z,{type:"map"}),(0,e.tZ)("div",{className:"markdown"},(0,e.tZ)("h3",{id:"aliastoken"},(0,e.tZ)(t.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#aliastoken",sourceType:"a"},(0,e.tZ)("span",{className:"icon icon-link"})),"AliasToken"),(0,e.tZ)("blockquote",null,(0,e.tZ)("p",null,n[181].value))),(0,e.tZ)(u.Z,{type:"alias"}),(0,e.tZ)("div",{className:"markdown"},(0,e.tZ)("h3",{id:"styleprovider"},(0,e.tZ)(t.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#styleprovider",sourceType:"a"},(0,e.tZ)("span",{className:"icon icon-link"})),"StyleProvider"),(0,e.tZ)("p",null,n[182].value,(0,e.tZ)(t.Z,{href:"https://github.com/ant-design/cssinjs#styleprovider",sourceType:"a"},(0,e.tZ)("code",null,n[183].value)),n[184].value),(0,e.tZ)("h2",{id:"how-to-debug-your-theme"},(0,e.tZ)(t.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#how-to-debug-your-theme",sourceType:"a"},(0,e.tZ)("span",{className:"icon icon-link"})),"How to Debug your Theme"),(0,e.tZ)("p",null,n[185].value,(0,e.tZ)(t.Z,{to:"/theme-editor",sourceType:"Link"},n[186].value)),(0,e.tZ)("p",null,n[187].value),(0,e.tZ)("h2",{id:"theme-presets"},(0,e.tZ)(t.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#theme-presets",sourceType:"a"},(0,e.tZ)("span",{className:"icon icon-link"})),"Theme Presets"),(0,e.tZ)("ul",null,(0,e.tZ)("li",null,(0,e.tZ)(t.Z,{href:"https://ant-design.github.io/antd-token-previewer/~demos/docs-v4-theme",sourceType:"a"},n[188].value))),(0,e.tZ)("h2",{id:"faq"},(0,e.tZ)(t.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#faq",sourceType:"a"},(0,e.tZ)("span",{className:"icon icon-link"})),"FAQ"),(0,e.tZ)("h3",{id:"why-component-re-mounted-when-theme-changed-from-undefined-to-some-object-or-to-undefined"},(0,e.tZ)(t.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#why-component-re-mounted-when-theme-changed-from-undefined-to-some-object-or-to-undefined",sourceType:"a"},(0,e.tZ)("span",{className:"icon icon-link"})),"Why component re-mounted when ",(0,e.tZ)("code",null,n[189].value)," changed from ",(0,e.tZ)("code",null,n[190].value)," to some object or to ",(0,e.tZ)("code",null,n[191].value),"?"),(0,e.tZ)("p",null,n[192].value,(0,e.tZ)("code",null,n[193].value),n[194].value,(0,e.tZ)("code",null,n[195].value),n[196].value,(0,e.tZ)("code",null,n[197].value),n[198].value,(0,e.tZ)("code",null,n[199].value),n[200].value,(0,e.tZ)("code",null,n[201].value),n[202].value))))}i.default=_}}]);