Solid

适用于 Solid 的 Element UI 扩展图标包。

安装

pnpm
npm

pnpm add @element-extended-icon-pack/solid

npm i @element-extended-icon-pack/solid

如何使用

Element extended icon pack 使用 ES Modules 构建，所以它是完全可以 Tree-shaking 的。每个图标都可以作为 Solid 组件导入，从而呈现内联 SVG 元素。因此，只有被导入到项目中的图标才会包含在最终构建的应用中，其它图标都被 tree-shaken 走了。

使用例子

import { FillEleSymbolUpload } from "@element-extended-icon-pack/solid";

const App = () => {
  return <FillEleSymbolUpload size={18} color="#446b9e" />;
};

export default App

Props

name	type	default
`size`	`number` `string`	24
`color`	`string`	currentColor

导入所有图标

可以一次性导入所有图标，但不建议这样做。

import { Dynamic } from "solid-js/web";
import * as icons from "@element-extended-icon-pack/react";

const App = () => {
  return (
    <>
      {Object.entries(icons).map(([name, icon]) => (
        <Dynamic component={icon} key={name} size={18} color="#446b9e" />
      ))}
    </>
  );
};

export default App;