图标
@whouu/geist-design
使用 @whouu/geist-design-icons
作为图标提供商。
所有的图标都会自动跟随主题变化。
WARNING
如果你需要图标,需要自行安装 @whouu/geist-design-icons
库。
安装图标库
运行命令:
npm i @whouu/geist-design-icons
随后尝试直接使用图标组件:
vue
<template>
<g-icon-github />
</template>
<script setup lang="ts">
import { GIconGithub } from '@whouu/geist-design-icons'
</script>
<template>
<g-icon-github />
</template>
<script setup lang="ts">
import { GIconGithub } from '@whouu/geist-design-icons'
</script>
功能特色
- 所有的图标都是高质量的,且都是一个 Vue 组件;
- 支持单个按需引入图标;
- 更详细的文档请参考 组件-图标;