"use strict";(self.webpackChunkantd=self.webpackChunkantd||[]).push([[5306],{505801:function(m,i,n){n.r(i);var r=n(502143),u=n(968521),E=n(720719),h=n(28840),g=n(759907),P=n(828089),D=n(825673),M=n(902068),O=n(574399),v=n(863942),x=n(316073),C=n(24628),T=n(719260),I=n(956140),Z=n(127179),c=n(905388),A=n(40428),t=n(606965),R=n(268696),p=n(587302),s=n(424128),B=n(249706),L=n(795127),U=n(116846),K=n(212039),W=n(73024),f=n(553913),a=n(606641),d=n(667294),_=n(370917);function o(){var l=(0,a.eL)(),e=l.texts;return(0,_.tZ)(a.dY,null,(0,_.tZ)(d.Fragment,null,(0,_.tZ)("div",{className:"markdown"},(0,_.tZ)("p",null,e[0].value),(0,_.tZ)("hr",null),(0,_.tZ)("h2",{id:"the-relation-of-vertical-spacing"},(0,_.tZ)(s.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#the-relation-of-vertical-spacing",sourceType:"a"},(0,_.tZ)("span",{className:"icon icon-link"})),"The relation of vertical spacing")),(0,_.tZ)(t.Z,null,e[1].value,(0,_.tZ)("img",{className:"preview-img",alt:"Example of the different vertical distance",description:"In Ant Design, the three different formats are 8px (small spacing), 16px (middle spacing) and 24px (large spacing).",src:"https://gw.alipayobjects.com/zos/rmsportal/goazWUHPXsGEDFIGsNlm.png"})),(0,_.tZ)("div",{className:"markdown"},(0,_.tZ)("p",null,e[2].value),(0,_.tZ)("br",null)),(0,_.tZ)(t.Z,null,e[3].value,(0,_.tZ)("img",{className:"preview-img",alt:"Example of added element",description:"To make the hierarchy more apparent through adding \u300Cguides\u300D.",src:"https://gw.alipayobjects.com/zos/rmsportal/XNFCsupiYDBTJFQkmOmv.png"})),(0,_.tZ)("div",{className:"markdown"},(0,_.tZ)("p",null,e[4].value),(0,_.tZ)("blockquote",null,(0,_.tZ)("p",null,e[5].value)),(0,_.tZ)("hr",null),(0,_.tZ)("h2",{id:"relationship-of-horizontal-spacing"},(0,_.tZ)(s.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#relationship-of-horizontal-spacing",sourceType:"a"},(0,_.tZ)("span",{className:"icon icon-link"})),"Relationship of horizontal spacing")),(0,_.tZ)(t.Z,null,e[6].value,(0,_.tZ)("img",{className:"preview-img",alt:"Example of combination and configuration",src:"https://gw.alipayobjects.com/zos/rmsportal/uYvsqAUXNaqURGIhZhxz.png"})),(0,_.tZ)("div",{className:"markdown"},(0,_.tZ)("p",null,e[7].value),(0,_.tZ)("br",null)),(0,_.tZ)(t.Z,null,e[8].value,(0,_.tZ)("img",{className:"preview-img",alt:"Example of checkbox",src:"https://gw.alipayobjects.com/zos/rmsportal/ysXfdKqmdDRAimBiKVGS.png"})),(0,_.tZ)("div",{className:"markdown"},(0,_.tZ)("p",null,e[9].value))))}i.default=o}}]);