import{_ as s,o as a,c as t,V as e}from"./chunks/framework.b31a4d00.js";const h=JSON.parse('{"title":"@fesjs/plugin-icon","description":"","frontmatter":{},"headers":[],"relativePath":"reference/plugin/plugins/icon.md"}'),n={name:"reference/plugin/plugins/icon.md"},l=e(`

@fesjs/plugin-icon

介绍

提供以 component 的方式,直接使用 svg icon 的能力。

启用方式

package.json 中引入依赖:

json
{
    "dependencies": {
        "@fesjs/fes": "^3.0.0",
        "@fesjs/plugin-icon": "^3.0.0"
    }
}

使用

新建 src/icons 目录,将 svg 文件放入其中,在 component 中引用:

jsx
<fes-icon type="iconName" />

属性

属性说明类型
typesvg 文件名string
spin是否无限旋转boolean
rotate旋转角度number
`,11),o=[l];function p(c,r,i,d,D,y){return a(),t("div",null,o)}const u=s(n,[["render",p]]);export{h as __pageData,u as default};