Skip to content

在线示例 ​

以下示例展示了 @fuxishi/svg-icon 在不同 UI 框架下的使用效果。

Element Plus ​

使用 Element Plus 组件库的图标选择器预设。

查看 Element Plus 示例

官方文档

Naive UI ​

使用 Naive UI 组件库的图标选择器预设。

查看 Naive UI 示例

官方文档

AntDv Next ​

使用 AntDv Next 组件库的图标选择器预设。

查看 AntDv Next 示例

官方文档

TDesign ​

使用 TDesign 组件库的图标选择器预设。

查看 TDesign 示例

官方文档

自定义 ​

不依赖任何 UI 框架,直接通过 useIconSelect API 自定义渲染图标选择器。

查看自定义示例

Vanilla ​

不依赖任何 UI 框架,使用内置的 @fuxishi/svg-icon-vanilla-picker 包提供开箱即用的选择器组件,支持通过 CSS 变量自定义主题。

查看 Vanilla 示例


示例源码位于项目的 demos/ 目录下。