element-plus/assets/en-US_component_icon.md.4808b49a.lean.js

import{_ as m}from"./chunks/contributors.3486bd7a.js";import{c as _,a as n,w as t,e as l,b as a,d as c,r as p,o as f,u as s,A as o,s as u,E as r,ab as v,z as k}from"./app.c3571ef0.js";const b=l("",24),y=l("",3),q=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),w={style:{display:"flex","align-items":"center","justify-content":"space-between",width:"100%"}},x=a("span",{style:{"vertical-align":"middle"}}," Search ",-1),I=l("",2),S={style:{"font-size":"20px"}},T=a("h2",{id:"icon-collection",tabindex:"-1"},[c("Icon Collection "),a("a",{class:"header-anchor",href:"#icon-collection","aria-hidden":"true"},"#")],-1),C=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),E=l("",7),U='{"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":3,"title":"Register All Icons","slug":"register-all-icons"},{"level":3,"title":"Import in Browser","slug":"import-in-browser"},{"level":3,"title":"Auto Import","slug":"auto-import"},{"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"},{"level":2,"title":"Source","slug":"source"},{"level":2,"title":"Contributors","slug":"contributors"}],"relativePath":"en-US/component/icon.md","lastUpdated":1653314737000}',A={},j=Object.assign(A,{setup(V){return(P,z)=>{const e=p("ElIcon"),i=p("ElRow"),g=p("ElButton"),d=p("IconList"),h=m;return f(),_("div",null,[b,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(()=>[q,a("div",w,[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(v))]),_:1}),n(g,{type:"primary"},{default:t(()=>[n(e,{style:{"vertical-align":"middle",color:"#fff"}},{default:t(()=>[n(s(k))]),_:1}),x]),_:1})])]),_:1}),I,n(i,null,{default:t(()=>[a("div",S,[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}),T,C,n(d),E,n(h,{id:"icon"})])}}});export{U as __pageData,j as default};