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/ 目录下。