element-plus/assets/en-US_component_icon.md.1d9c7b85.lean.js
2022-03-13 15:50:52 +00:00

2 lines
2.6 KiB
JavaScript

import{c as h,a as n,w as t,e as l,b as a,d as c,r as p,o as m,u as s,y as o,s as u,C as r,a2 as _,x as k}from"./app.ada64e5e.js";const v=l("",10),y=l("",3),f=a("p",null,[c(" with extra class "),a("b",null,"is-loading"),c(", your icon is able to rotate 360 deg in 2 seconds, you can also override this ")],-1),b={style:{display:"flex","align-items":"center","justify-content":"space-between",width:"100%"}},q=a("span",{style:{"vertical-align":"middle"}}," Search ",-1),S=l("",2),x={style:{"font-size":"20px"}},I=a("h2",{id:"icon-collection",tabindex:"-1"},[c("Icon Collection "),a("a",{class:"header-anchor",href:"#icon-collection","aria-hidden":"true"},"#")],-1),w=a("div",{class:"tip custom-block"},[a("p",{class:"custom-block-title"},"TIP"),a("p",null,[a("strong",null,"You can use SVG icon in any version"),c(" as long as you install it")]),a("p",null,[a("strong",null,"You can click the icon to copy it")])],-1),T=l("",4),P='{"title":"Icon","description":"","frontmatter":{"title":"Icon","lang":"en-US"},"headers":[{"level":2,"title":"Icon Usage","slug":"icon-usage"},{"level":2,"title":"Installation","slug":"installation"},{"level":3,"title":"Using packaging manager","slug":"using-packaging-manager"},{"level":2,"title":"Simple usage","slug":"simple-usage"},{"level":2,"title":"Combined with el-icon","slug":"combined-with-el-icon"},{"level":2,"title":"Using SVG icon directly","slug":"using-svg-icon-directly"},{"level":2,"title":"Icon Collection","slug":"icon-collection"},{"level":2,"title":"Icon Attributes","slug":"icon-attributes"},{"level":2,"title":"Icon Slots","slug":"icon-slots"}],"relativePath":"en-US/component/icon.md"}',C={},N=Object.assign(C,{setup(V){return(A,E)=>{const e=p("ElIcon"),i=p("ElRow"),g=p("ElButton"),d=p("IconList");return m(),h("div",null,[v,n(i,null,{default:t(()=>[a("div",null,[n(e,{size:30},{default:t(()=>[n(s(o))]),_:1}),n(s(o))])]),_:1}),y,n(i,null,{default:t(()=>[f,a("div",b,[n(e,{size:20},{default:t(()=>[n(s(o))]),_:1}),n(e,{color:"#409EFC",class:"no-inherit"},{default:t(()=>[n(s(u))]),_:1}),n(e,null,{default:t(()=>[n(s(r))]),_:1}),n(e,{class:"is-loading"},{default:t(()=>[n(s(_))]),_:1}),n(g,{type:"primary"},{default:t(()=>[n(e,{style:{"vertical-align":"middle",color:"#fff"}},{default:t(()=>[n(s(k))]),_:1}),q]),_:1})])]),_:1}),S,n(i,null,{default:t(()=>[a("div",x,[n(s(o),{style:{width:"1em",height:"1em","margin-right":"8px"}}),n(s(u),{style:{width:"1em",height:"1em","margin-right":"8px"}}),n(s(r),{style:{width:"1em",height:"1em","margin-right":"8px"}}),n(s(k),{style:{width:"1em",height:"1em","margin-right":"8px"}})])]),_:1}),I,w,n(d),T])}}});export{P as __pageData,N as default};