Package Exports

@element-plus-ui/pro-icon
@element-plus-ui/pro-icon/es/index.mjs
@element-plus-ui/pro-icon/lib/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@element-plus-ui/pro-icon) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

@element-plus-ui/pro-icon

简化了 ElIcon 组件的使用，通过 Name 指定渲染的元素

让中后台开发更简单 💪

📦 安装

$ npm install @element-plus-ui/pro-icon

$ yarn add @element-plus-ui/pro-icon

$ pnpm add @element-plus-ui/pro-icon

🔨 使用

🚀 全局引用

import { createApp } from "vue";
import App from "./src/App.vue";
import ProIcon from "@element-plus-ui/pro-icon";

const app = createApp(App);

app.mount("#app").use(ProIcon);

🚀 按需使用

<template>
  <pro-icon name="ArrowDown"/>
  <pro-icon name="ChatRound" :size="20"/>
  <pro-icon name="ArrowLeft" :color="'#409efc'"/>
</template>

<script setup lang="ts">
  import ProIcon from "@element-plus-ui/pro-icon";
</script>