Svelte

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

安装

pnpm
npm

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

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

如何使用

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

使用例子

<script lang="ts">
  import { FillEleArrowCaretDouble } from '@element-extended-icon-pack/svelte';
</script>

<FillEleArrowCaretDouble size={20} color="#ff4000" />

Props

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

导入所有图标

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

<script lang="ts">
  import * as icons from '@element-extended-icon-pack/svelte';
</script>

{#each Object.entries(icons) as [_, icon]}
  <svelte:component this={icon} color="#ff4000" size="16" />
{/each}