You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 

1 lines
8.0 KiB

"use strict";(self.webpackChunkantd=self.webpackChunkantd||[]).push([[3218],{748592:function(d,_,e){e.r(_);var m=e(502143),c=e(968521),u=e(720719),g=e(28840),p=e(759907),Z=e(828089),h=e(825673),v=e(902068),E=e(574399),P=e(863942),x=e(316073),D=e(24628),O=e(719260),w=e(956140),C=e(127179),T=e(905388),I=e(40428),i=e(606965),M=e(268696),y=e(587302),s=e(424128),N=e(249706),b=e(795127),k=e(116846),A=e(212039),L=e(73024),B=e(553913),a=e(606641),o=e(667294),n=e(370917);function l(){var r=(0,a.eL)(),t=r.texts;return(0,n.tZ)(a.dY,null,(0,n.tZ)(o.Fragment,null,(0,n.tZ)("div",{className:"markdown"},(0,n.tZ)("p",null,t[0].value),(0,n.tZ)("ul",null,(0,n.tZ)("li",null,t[1].value),(0,n.tZ)("li",null,t[2].value)),(0,n.tZ)("hr",null),(0,n.tZ)("h2",{id:"system-icons"},(0,n.tZ)(s.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#system-icons",sourceType:"a"},(0,n.tZ)("span",{className:"icon icon-link"})),"System Icons")),(0,n.tZ)(i.Z,null,(0,n.tZ)("img",{className:"preview-img no-padding",src:"https://gw.alipayobjects.com/zos/rmsportal/XzOPonWCsPjvgkrklCzo.png",alt:"System Icons"})),(0,n.tZ)("div",{className:"markdown"},(0,n.tZ)("p",null,t[3].value),(0,n.tZ)("ul",null,(0,n.tZ)("li",null,(0,n.tZ)(s.Z,{to:"/components/icon/",sourceType:"Link"},t[4].value))),(0,n.tZ)("h3",{id:"key-contour-lines"},(0,n.tZ)(s.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#key-contour-lines",sourceType:"a"},(0,n.tZ)("span",{className:"icon icon-link"})),"Key Contour Lines")),(0,n.tZ)(i.Z,null,(0,n.tZ)("img",{className:"preview-img no-padding",src:"https://gw.alipayobjects.com/zos/rmsportal/beTZeZjJBVuhMyTOhebs.png",alt:"Ant Design's grid and key contour lines"})),(0,n.tZ)("div",{className:"markdown"},(0,n.tZ)("p",null,t[5].value),(0,n.tZ)("p",null,t[6].value),(0,n.tZ)("ul",null,(0,n.tZ)("li",null,(0,n.tZ)(s.Z,{href:"https://zos.alipayobjects.com/rmsportal/hmNuLjCkBssupcZgYAde.png",sourceType:"a"},t[7].value)))),(0,n.tZ)(i.Z,null,(0,n.tZ)("img",{className:"preview-img no-padding inline",src:"https://gw.alipayobjects.com/zos/rmsportal/rxuHAKGEGLuqBJAAhnSm.png",alt:"Square contour"})),(0,n.tZ)(i.Z,null,(0,n.tZ)("img",{className:"preview-img no-padding inline",src:"https://gw.alipayobjects.com/zos/rmsportal/fhkmysGZiTkPVszWHgUy.png",alt:"Horizontal rectangle contour"})),(0,n.tZ)(i.Z,null,(0,n.tZ)("img",{className:"preview-img no-padding inline",src:"https://gw.alipayobjects.com/zos/rmsportal/BiraoJgbXokyzmUFqVuf.png",alt:"Circular contour"})),(0,n.tZ)(i.Z,null,(0,n.tZ)("img",{className:"preview-img no-padding inline",src:"https://gw.alipayobjects.com/zos/rmsportal/wgQLwFnPaeEalmmSuBMO.png",alt:"Vertical rectangle contour"})),(0,n.tZ)("div",{className:"markdown"},(0,n.tZ)("h3",{id:"stroke-weight"},(0,n.tZ)(s.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#stroke-weight",sourceType:"a"},(0,n.tZ)("span",{className:"icon icon-link"})),"Stroke Weight")),(0,n.tZ)(i.Z,null,(0,n.tZ)("img",{className:"preview-img no-padding good",src:"https://gw.alipayobjects.com/zos/rmsportal/uoNmxXiqKpfoFDdEVjUB.png",alt:"Correct example",description:"Line thickness is consistently 72px"}),(0,n.tZ)("img",{className:"preview-img no-padding bad",src:"https://gw.alipayobjects.com/zos/rmsportal/cnFYbWzcKaPFSiHcptCF.png",alt:"Incorrect example",description:"Line thickness is not uniform"})),(0,n.tZ)("div",{className:"markdown"},(0,n.tZ)("p",null,t[8].value),(0,n.tZ)("h3",{id:"corners"},(0,n.tZ)(s.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#corners",sourceType:"a"},(0,n.tZ)("span",{className:"icon icon-link"})),"Corners")),(0,n.tZ)(i.Z,null,(0,n.tZ)("img",{className:"preview-img no-padding good",src:"https://gw.alipayobjects.com/zos/rmsportal/tGbuhPmvEJXmOFoYAkPK.png",alt:"Correct example",description:"The icon's corners are properly rounded"}),(0,n.tZ)("img",{className:"preview-img no-padding bad",src:"https://gw.alipayobjects.com/zos/rmsportal/JekevTlqdDJQLIQwrppm.png",alt:"Incorrect example",description:"The icon's corners are not rounded"})),(0,n.tZ)("div",{className:"markdown"},(0,n.tZ)("p",null,t[9].value),(0,n.tZ)("p",null,t[10].value),(0,n.tZ)("h3",{id:"visual-correction"},(0,n.tZ)(s.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#visual-correction",sourceType:"a"},(0,n.tZ)("span",{className:"icon icon-link"})),"Visual Correction")),(0,n.tZ)(i.Z,null,(0,n.tZ)("img",{className:"preview-img no-padding good",src:"https://gw.alipayobjects.com/zos/rmsportal/VghPLyDUdFmjhGJlNxjV.png",alt:"Correct example",description:"For the intricate \u201CJPG\u201D lettering, an outline is added for readability"}),(0,n.tZ)("img",{className:"preview-img no-padding bad",src:"https://gw.alipayobjects.com/zos/rmsportal/qnzloxRQmvHzHAhWWwCS.png",alt:"Incorrect example",description:"The text in the icon is crowded and hard to read"})),(0,n.tZ)("div",{className:"markdown"},(0,n.tZ)("p",null,t[11].value),(0,n.tZ)("h3",{id:"perspective"},(0,n.tZ)(s.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#perspective",sourceType:"a"},(0,n.tZ)("span",{className:"icon icon-link"})),"Perspective")),(0,n.tZ)(i.Z,null,(0,n.tZ)("img",{className:"preview-img no-padding good",src:"https://gw.alipayobjects.com/zos/rmsportal/tIePnIOTXtgzVKbqwucm.png",alt:"Correct example",description:"Maintains a flat, simple style"}),(0,n.tZ)("img",{className:"preview-img no-padding bad",src:"https://gw.alipayobjects.com/zos/rmsportal/ALNOEelXeFhxUobLqyCq.png",alt:"Incorrect example",description:"Icons should not have depth nor varying perspectives"})),(0,n.tZ)("div",{className:"markdown"},(0,n.tZ)("p",null,t[12].value),(0,n.tZ)("h3",{id:"naming-conventions"},(0,n.tZ)(s.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#naming-conventions",sourceType:"a"},(0,n.tZ)("span",{className:"icon icon-link"})),"Naming Conventions")),(0,n.tZ)(i.Z,null,(0,n.tZ)("img",{className:"preview-img no-padding",src:"https://gw.alipayobjects.com/zos/rmsportal/NFOvbdbVWeeEqOkdUfVB.png",alt:"Naming Conventions"})),(0,n.tZ)("div",{className:"markdown"},(0,n.tZ)("p",null,t[13].value),(0,n.tZ)("h3",{id:"icon-sizing"},(0,n.tZ)(s.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#icon-sizing",sourceType:"a"},(0,n.tZ)("span",{className:"icon icon-link"})),"Icon Sizing")),(0,n.tZ)(i.Z,null,(0,n.tZ)("img",{className:"preview-img no-padding",src:"https://gw.alipayobjects.com/zos/rmsportal/jAuedlyhNIDyOIZTqbqN.png",alt:"Icon Sizing"})),(0,n.tZ)("div",{className:"markdown"},(0,n.tZ)("p",null,t[14].value),(0,n.tZ)("p",null,t[15].value),(0,n.tZ)("h3",{id:"color"},(0,n.tZ)(s.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#color",sourceType:"a"},(0,n.tZ)("span",{className:"icon icon-link"})),"Color")),(0,n.tZ)(i.Z,null,(0,n.tZ)("img",{className:"preview-img no-padding",src:"https://gw.alipayobjects.com/zos/rmsportal/LxGLhtnwvCqZWYqGDAAr.png",description:"Colors demonstrated - @Black = #000000, @White = #FFFFFF, @Blue-6 = #1890FF",alt:"Color"})),(0,n.tZ)("div",{className:"markdown"},(0,n.tZ)("p",null,t[16].value),(0,n.tZ)("hr",null),(0,n.tZ)("h2",{id:"business-icons"},(0,n.tZ)(s.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#business-icons",sourceType:"a"},(0,n.tZ)("span",{className:"icon icon-link"})),"Business Icons")),(0,n.tZ)(i.Z,null,(0,n.tZ)("img",{className:"preview-img no-padding",src:"https://gw.alipayobjects.com/zos/rmsportal/EADAnRecKSTxvpxPzKoq.png",alt:"Business Icons"})),(0,n.tZ)("div",{className:"markdown"},(0,n.tZ)("p",null,t[17].value),(0,n.tZ)("blockquote",null,(0,n.tZ)("p",null,t[18].value)),(0,n.tZ)("h3",{id:"icon-sizing-1"},(0,n.tZ)(s.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#icon-sizing-1",sourceType:"a"},(0,n.tZ)("span",{className:"icon icon-link"})),"Icon Sizing")),(0,n.tZ)(i.Z,null,(0,n.tZ)("img",{className:"preview-img no-padding",src:"https://gw.alipayobjects.com/zos/rmsportal/uwAgfciGszhdiVlMSBXK.png",alt:"Icon Sizing"})),(0,n.tZ)("div",{className:"markdown"},(0,n.tZ)("p",null,t[19].value),(0,n.tZ)("h3",{id:"color-1"},(0,n.tZ)(s.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#color-1",sourceType:"a"},(0,n.tZ)("span",{className:"icon icon-link"})),"Color")),(0,n.tZ)(i.Z,null,(0,n.tZ)("img",{className:"preview-img no-padding",src:"https://gw.alipayobjects.com/zos/rmsportal/wUxhTxZlHoTxDvneWBWO.png",alt:"Color"})),(0,n.tZ)("div",{className:"markdown"},(0,n.tZ)("p",null,t[20].value))))}_.default=l}}]);